|
以下是对dom中的children对象数组元素firstChildlastChild的使用进行了详细的分析介绍需要的朋友可以参考下复制代码 代码如下:
<!children对象数组元素示例 >
<html>
<body>
<table id="tbl">
<tbody> <tr> <td> 行列 </td><td>行列 </td></tr>
<tr> <td> 行列 </td><td>行列 </td></tr>
</tbody>
</table>
<input onclick="alert(documentalltblchildren()children()innerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblchildren()children()innerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblchildren()children()children()innerHTML)" value="children()" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(testchildren[]tagName)
alert(testchildren[]tagName)
</script>
</body>
</html>
<!在DOM中整个页面里的元素是个树型结构
children 代表对象的子节点数组> documentalltblchildren()children()innerHTML解释
documentalltblchildren()定位到table的第一个子节点<tbody>
documentalltblchildren()children() 定位到table的第一个子节点的第一个子节点<tr>打印结果<td> 行列 </td><td>行列 </td>
documentalltblchildren()children()innerHTML打印结果<td> 行列 </td><td>行列 </td>
documentalltblchildren()children()children()innerHTML 打印结果行列
<!fistChildlastChild示例>
<html>
<body>
<table id="tbl">
<tbody> <tr id="tr"> <td> 行列 </td><td>行列 </td></tr>
<tr> <td="tr"> 行列 </td><td>行列 </td></tr>
</tbody>
</table>
<input onclick="alert(documentalltblfirstChildfirstChildinnerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblfirstChildlastChildinnerHTML)" value="children()" type="button">
<input onclick="alert(documentalltblfirstChildlastChildfirstChildinnerHTML)" value="children()" type="button">
<div id=test>
<a></a>
<table></table>
</div>
<script>
alert(testfirstChildtagName)
alert(testlastChildtagName)
</script>
</body>
</html>
documentalltblfirstChild定位到table的第一个子节点<tbody>
documentalltblfirstChildfirstChild定位到table的第一个子节点<tbody>
的第一个子节点<tr id="tr">
documentalltblfirstChildfirstChildinnerHTML打印结果是<td> 行列 </td><td>行列 </td>
documentalltblfirstChildlastChild定位到table的第一个子节点<tbody>
的最后子节点<tr id="tr">
documentalltblfirstChildlastChildinnerHTML打印结果是<td="tr"> 行列 </td><td>行列 </td>
documentalltblfirstChildlastChildfirstChildinnerHTML 打印结果是
行列
|
