Dom编程艺术第四章

本章节练习代码下载：Dom编程艺术第四章代码

1、改变元素属性有setAttribute方法和直接element.value=”“两种，如element.value = “the new value”与element.setAttribute(“value”,”the new value”)是等价的。第一种称为”第1级DOM“，第1级DOM可移植性更好，严格遵守”第1级DOM“能够让你避免与兼容性有关的任何问题。

2、事件处理函数工作机制。在给某个元素添加了事件处理函数后，一旦事件发生，相应的JavaScript代码就会得到执行。被调用的JavaScript代码可以返回一个值，这个值将被传递给那个事件处理函数。例如，我们可以给某个连接添加一个onclick事件函数，并让这个处理函数所触发的JavaScript代码返回布尔值true或false。这样一来，当这个链接被点击时，如果那段JavaScript代码返回的值是true,onclick事件处理函数就认为”这个链接被点击了“，反之，如果返回的值是false,onclick事件处理函数就认为”这个链接没有被点击“。

3、在一棵节点树上，childNodes属性可以用来获取任何一个元素的所有子元素，它是一个包含这个元素全部子元素的数组。

4、如果想改变一个文本节点的值，那就使用DOM提供的nodeValue属性，它用来得到和设置一个节点的值。

node.nodeValue;

但是这里有个大家必须注意的细节：在用nodeValue属性获取description（这里是node实例

）对象的值时，得到的并不是包含在这个段落里的文本。包含在

元素里的文本是另一种节点，它是

元素的第一个子节点。因此，文本属性其实是它的第一个子节点的nodeValue属性值。

例：
// html
<p>this is a p. </p>
// js
var description = document.getElementById("description");
var text = description.firstChild.nodeValue;