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

<! fistChild lastChild示例 > <> <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(document all tbl firstChild firstChild innerHTML)" value="children( )" type=button> <input onclick="alert(document all tbl firstChild lastChild innerHTML)" value="children( )" type=button> <input onclick="alert(document all tbl firstChild lastChild firstChild innerHTML)" value="children( )" type=button> <div id=test> <a></a> <table></table> </div> <script> alert(test firstChild tagName) alert(test lastChild tagName) </script> </body> </>
document all tbl firstChild定位到table的第一个子节点<tbody> document all tbl firstChild firstChild定位到table的第一个子节点<tbody> 的第一个子节点<tr id="tr "> document all tbl firstChild firstChild innerHTML打印结果是<td> 行 列 </td><td>行 列 </td>
document all tbl firstChild lastChild定位到table的第一个子节点<tbody> 的最后子节点<tr id="tr "> document all tbl firstChild lastChild innerHTML打印结果是<td="tr "> 行 列 </td><td>行 列 </td>
lishixinzhi/Article/program/Java/JSP/201311/20059相关文章
- 小学简算题 计算下列各题,能简算就简算.8-2.8×0.1513.75÷0.125-2.751.53
- 脱式简便运算六年级 小学六年级25道小数计算题脱试计算及答案
- 韦氏智商儿童分级标准 10岁的儿童智商还在3岁是什么病
- 小学比例问题应用题 用比例解决以下应用题
- 贝易儿童早教机使用方法 二贝和三贝-4岁儿童故事
- 四年级上册脱式计算题100道 小学四年级解方程和脱式小数计算
- 20以内一年级绲合口算题 给孩子出口算题有哪些
- 四年级小数脱式计算含答案 四年级数学含小数的脱式简便计算
- 小学生数学报四年级上答案 <<小学生数学报>>数学能力检测卷 2011年秋苏教版六年级(上)第一单元使用
- 小学数学分类统计 小学阶段。给数分类。
爱学记

微信收款码
支付宝收款码