javascript - 关于.lastChild的疑问
本文介绍了javascript - 关于.lastChild的疑问的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="del_tr(this)" >删除</a></td>
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="del_tr(this)" >删除</a></td>
</tr>
有这样一个表格,要获取 tr 节点,我遇到一个问题:
var tr = document.getElementsByTagName("tr");
和
var table = document.getElementById("table");
var tr = table.getElementsByTagName("tr");
是一样的,但是:
var table = document.getElementById("table").lastChild;
var tr = table.getElementsByTagName("tr");
多了一个 .lastChild 为什么也一样,这里难道不是先获取ID为table的节点的最后一个子节点,然后再往这个子节点里去找再深一层的子节点 tr 吗?也就是两层嵌套的 tr ,为什么会跟这句:
var tr = document.getElementsByTagName("tr");
一层 tr 一样呢?
解决方案
你打印一下就知道,table的lastchild是 tbody ,F12看一下也可以
这篇关于javascript - 关于.lastChild的疑问的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文