知识大全 解析dom中的children对象数组元素firstChild,lastChild的使用

Posted 知

篇首语：不飞则已，一飞冲天；不鸣则已，一鸣惊人。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 解析dom中的children对象数组元素firstChild,lastChild的使用相关的知识，希望对你有一定的参考价值。

解析dom中的children对象数组元素firstChild,lastChild的使用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

以下是对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>

cha138/Article/program/Java/JSP/201311/20059

相关参考

知识大全 解析javascript 数组以及json元素的添加删除

　　javasscript删除数组的种方法用shift()方法shift删除原数组第一项并返回删除元素的值如果数组为空则返回undefinedvarchaomao=[]varchaomaoshift(

知识大全 深入解析php中的foreach问题

　　php中引入了foreach结构这是一种遍历数组的简单方式相比传统的for循环foreach能够更加便捷的获取键值对在php之前foreach仅能用于数组php之后利用foreach还能遍历对象（

知识大全 asp 数组动态定义数组与静态数据定义方法

　　这是假设你知道数组的基本特征所以让我们考虑如何处理在VBScript中的ASP　　在VBScript中的数组是这意味着数组元素的索引总是从开始指数代表的数组　　中的第一个位置指数代表数组中的第二位

知识大全 多维数组-矩阵的压缩存储-矩阵的存储

　　矩阵是科学与工程计算问题中常用的数学对象之一　　矩阵的存储　　矩阵的二维数组描述　　矩阵用二维数组描述时存储的密度为可以对其元素进行随机存取各种矩阵运算也非常简单　　矩阵的压缩存储　　矩阵中非零元

知识大全 DOM、JDOM、DOM4J解析XML实例

DOM、JDOM、DOM4J解析XML实例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！　　<

知识大全 多维数组

　　多维数组和广义表是一种复杂的非线性结构它们的逻辑特征是一个数据元素可能有多个直接前驱和多个直接后继多维数组数组（向量）——常用数据类型　　一维数组（向量）是存储于计算机的连续存储空间中的多个具有统

知识大全 第5章数组与广义表习题练习

一基础知识题请按行及按列优先顺序列出四维数组A***的所有元素在内存中的存储次序开始结点为a 给出C语言的三维数组地址计算公式设有三对角矩阵An*n将其三条对角线上的元素逐行地存储到向量B[

知识大全 同时找到数组中的最小值和最大值

　　找出包含n个元素的数组中的最小值和最大值最简单的方法就是独立的使用n次循环然后分别得到最小值和最大值如是这样的共用了n次比较　　但是我们可以使用比较次数更低的方法来找出最小值和最大值方法如下　　先

知识大全 数据结构考研分类复习真题 第五章 数组和广义表[3]

　　将一个A[]的三对角矩阵按行优先存入一维数组B[‥]中A中元素A（即该元素下标i=j=）在B数组中的位置K为（   ）供选择的答案【北京邮电大学二（分）】　　A&nb

知识大全 矩阵的存储

　　矩阵是科学与工程计算问题中常用的数学对象之一矩阵的存储矩阵的二维数组描述　　矩阵用二维数组描述时存储的密度为可以对其元素进行随机存取各种矩阵运算也非常简单cha138/Article/p