javascriptDOM编程艺术_学习笔记_知识点 DOM

第三章

 

getElementById    返回一个与那个有着给定id属性值的元素节点对应的对象。

document.getElementById(id)

下面一个例子：

document.getElementById("purchases")

getElementsByTagName  方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。

element.getElementsByTagName(tag)

下面一个例子：

document.getElementsByTagName("li")
alert(document.getElementsByTagName("li").length);

getElementsByClassName   HTML5 DOM 新增，让我们能够通过class属性中的类名来访问元素。

getElementsByClassName(class)

下面一个例子：

document.getElementsByClassName("sale")

 

getAttribute   是一个函数。它只有一个参数——你打算查询的属性的名字

object.getAttribute(attribute)

下面一个例子：

var paras = document.getElementsByTagName("p");
for(var i=0;i < paras.length;i++){
    alert(paras[i].getAttribute("title"));
}

 

setAttribute  它允许我们对属性节点的值做出修改。只能用于元素节点

object.setAttribute(attribute,value)

下面一个例子：

var shopping = document.getElementById("purchases");
shopping.setAttribute("title","a list of goods");

 

第四章

 

childNodes 属性可以用来获取任何一个元素的所有元素，它是一个包含这个元素全部子元素的数组

element.childNodes

下面一个例子：

var body_element = document.getElementByTagName("body")[0];
body_element.childNodes
document.getElementByTagName("body")[0].childNodes

 

nodeType 属性，每一个节点都有nodeType属性。这个属性可以让我们知道自己正在与哪一种节点打交道，

node.nodeType

nodeType 属性总共有12种可取值，但其中仅有3种具有实用价值。

元素节点的nodeType属性值是1。

属性节点的nodeType属性值是2。

文本节点的nodeType属性值是3。

下面一个例子：

alert(body_element.nodeType);

 

nodeValue 属性，它用来得到（和设置）一个节点的值。

node.nodeValue

下面一个例子：

alert(decription.nodeValue);
alert(decription.childNodes[0].nodeValue);

 

firstChild 属性 和 lastChild 属性

firstChild 属性 表示childNodes数组的第一个元素

lastChild 属性 表示childNodes数组的最后一个元素