javascriptDOM编程艺术_学习笔记_知识点 DOM
浏览数：23 /
时间：2015年06月08日
第三章
getElementById 返回一个与那个有着给定id属性值的元素节点对应的对象。
document.getElementById(id)
下面一个例子：
1 document.getElementById("purchases")
getElementsByTagName 方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。
element.getElementsByTagName(tag)
下面一个例子：
1 document.getElementsByTagName("li") 2 alert(document.getElementsByTagName("li").length);
getElementsByClassName HTML5 DOM 新增，让我们能够通过class属性中的类名来访问元素。
getElementsByClassName(class)
下面一个例子：
1 document.getElementsByClassName("sale")
getAttribute 是一个函数。它只有一个参数——你打算查询的属性的名字
object.getAttribute(attribute)
下面一个例子：
1 var paras = document.getElementsByTagName("p"); 2 for(var i=0;i < paras.length;i++){ 3 alert(paras[i].getAttribute("title")); 4 }
setAttribute 它允许我们对属性节点的值做出修改。只能用于元素节点
object.setAttribute(attribute,value)
下面一个例子：
1 var shopping = document.getElementById("purchases"); 2 shopping.setAttribute("title","a list of goods");
第四章
childNodes 属性可以用来获取任何一个元素的所有元素，它是一个包含这个元素全部子元素的数组
element.childNodes
下面一个例子：
1 var body_element = document.getElementByTagName("body")[0]; 2 body_element.childNodes 3 document.getElementByTagName("body")[0].childNodes
nodeType 属性，每一个节点都有nodeType属性。这个属性可以让我们知道自己正在与哪一种节点打交道，
node.nodeType
nodeType 属性总共有12种可取值，但其中仅有3种具有实用价值。
元素节点的nodeType属性值是1。
属性节点的nodeType属性值是2。
文本节点的nodeType属性值是3。
下面一个例子：
1 alert(body_element.nodeType);
nodeValue 属性，它用来得到（和设置）一个节点的值。
node.nodeValue
下面一个例子：
1 alert(decription.nodeValue); 2 alert(decription.childNodes[0].nodeValue);
firstChild 属性 和 lastChild 属性
firstChild 属性 表示childNodes数组的第一个元素
lastChild 属性 表示childNodes数组的最后一个元素
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
