Dom编程艺术第四章

时间:2023-02-12 09:57:22

本章节练习代码下载: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;