4.4.6 firstChild 和lastChild 属性

数组元素childNodes[0] 有个更直观易读的同义词。无论何时何地， 只要需要访问childNodes 数组的第一个元素，都可以把它写成firstChild ：

node.firstChild

这种写法与下面的写法完全等价：

node.childNodes[0]

这不仅更加简短，还更加具有可读性。

DOM还提供了一个与之对应的lastChild 属性：

node.lastChild

这代表着childNodes 数组的最后一个元素。如果不想通过lastChild 属性去访问这个节点，将不得不使用如下所示的语法：

node.childNodes[node.childNodes.length-1]

与简明易懂的lastChild 相比，这么复杂的语法记号恐怕没人会喜欢。

参考目录

绝大多数内容来自于：JavaScript DOM编程艺术（第2版) 作者:作者：[英] Jeremy Keith [加] Jeffrey Sambells 著译者：杨涛王建桥杨晓云等（第 4 章　案例研究：JavaScript图片库）

JavaScript--DOM-- firstChild 和lastChild 属性相关推荐

nodeValue、firstChild和lastChild属性
nodeValue属性如果想改变一个文本节点的值,那就使用DOM提供的nodeValue属性,他用来得到(和设置)一个节点的值: node.nodeValue 但是有个细节必须注意:在用nodeVa ...
javascript DOM（08-21）
1.createElement()和createTextNode() //创建一个li新元素 var newChild=document.createElement('li'); //创建一个a 新元 ...
JavaScript DOM节点
attributes属性: 返回该元素节点的属性节点集合. box.attributes //[object NamedNodeMap] box.attributes.length; //返回属性节点 ...
JavaScript DOM编程艺术（第二版）
JavaScript DOM编程艺术简要介绍第二章: JavaScript语法语法语句注释变量数据类型数组对象操作条件语句比较操作符逻辑操作符循环语句 while循环 for ...
JavaScript DOM 编程艺术（第二版）学习之3-4章
JavaScript DOM 编程艺术 (第二版)学习之3-4章第三章 DOM 3.1 文档:DOM中的"D" 3.2 对象:DOM中的"O" 3.3 模型: ...
JS--JavaScript访问节点（childNodes、parentNode、firstChild、lastChild、nextSibling、previousSibling）
访问节点通过节点之间的树形关系,可以定位文档中的每个节点.DOM为Node类型定义如下属性,以方便JavaScript对文档树中每个节点进行遍历. ownerDocument:返回当前节点的根元素( ...
JavaScript DOM编程-佟刚-专题视频课程
JavaScript DOM编程-12198人已学习课程介绍本Java视频教程涵盖 JavaScript DOM 编程的全部核心技术.JavaScript DOM 编程是编写 Aj ...
HTML DOM firstChild lastChild nextSibling previousSibling 属性_获取属性值的undefined问题
1 <html> 2 <head> 3 <title>HTML示例</title> 4 <style type="text/css&qu ...
javaScript DOM编程常用的方法与属性
DOM是Document Object Model文档对象模型的缩写.根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件. Node接口的特性和方法 ...

JavaScript--DOM-- firstChild 和lastChild 属性

4.4.6 firstChild 和lastChild 属性

参考目录

JavaScript--DOM-- firstChild 和lastChild 属性相关推荐

最新文章

热门文章