DOM编程艺术(第四章)

1.getElementsByTagName("*"):获取这份文档中所有的元素节点。

2.getAttirbute():查询某个元素的各种属性值。这个方法是一个函数，不能通过document对象调用，只能通过一个元素节点对象调用他，他只有一个参数--你打算查询的属性的名字。

3.setAttirbute():允许我们对文档中的任何一个元素的任何一个属性作出修改。需要我们向他传递两个参数：object.setAttribute(attribute,value)。

        (1)如果原来这个属性不存在，则setAttirbute()调用完成了两项操作：先把这个属性创建出来，在对其值进行设置。

      （2）如果把setAttirbute()方法用在元素节点的某个现有属性上，这个属性的当前值将被覆盖。

*注：通过setAttirbute()方法对文档做出的修改，将使得文档在浏览器窗口里的显示消过和/或行为动作发生相应的变化，但我们通过浏览器的查看源代码选项去查看文档的源代码时看到的仍是原来的属性值——也就是说，setAttirbute()方法做出的修改不会反映在文档本身的源代码里。这种‘表里不一’的现象源自DOM的工作模式：先加载文档的静态内容/再以动态方式对他们进行刷新，动态刷新不影响文档的静态内容。对页面内容的刷新不需要最终用户在他们的浏览器里执行页面刷新操作就可以实现。

3.我们给某个链接添加一个onclick事件处理函数，并让这个处理函数触发返回布尔值true或false。当这个链接被点击时，如果返回给onclick时间处理函数的值是true,onclick事件将认为“该链接被点击了”；反之，如果返回的值是false，onclick事件处理函数将认为这个连接没有被点击，将不会跳转。

4.把某个文档的body元素得到：document.getElementsByName("body")[0];

因为每个文档只有一个body元素，所以也可以写专用记号：document.body

5.childNodes属性：可以从给定文档的节点树把任何一个元素的所有子元素检索出来，返回一个数组（包含所有类型的节点）。

6.nodeType属性：一共有12中可取值，但其中只有3种具有实用价值：

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

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

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

7.nodeValue属性：改变某个文本节点的值。（改变某个元素节点所包含的文本）

8.firsrtChild和lastChild属性：

        node.firsrtChild==node.childNodes[0];

        node.lastChild==node.childNodes[node.childNodes.length-1];