DOM 概念和常用方法、属性

节点

元素节点、属性节点、文本节点

一份文档就是一棵节点树

CSS

1. class属性
2. id属性

获取元素

1. getElementById //返回一个对象，该对象对应文档里一个特定元素节点
2. getElementByTagName //返回对象数组，它们分别对应文档里一组特定的元素节点
3. getElementByClassName //返回对象数组，它们分别对应文档里一组特定的元素节
   点

获取和设置属性

     object . getAttribute( attribute )
     object . setAttribute( attribute, value )

事件处理函数工作机制

在给某个元素添加了事件处理函数后，一旦事件发生，相应的JavaScript代码就会执行。被调用的JavaScript代码返回一个值，这个值被传递给那个相应的事件处理函数。

childNodes属性

element . childNodes //获取任何一个元素的所有子节点，返回一个包含这个元素全部
//子节点的数组

nodeType属性

node . nodeType     //返回12种可选值 

• 元素节点的nodeType 属性值是 1
• 属性节点的nodeType 属性值是 2
• 文本节点的nodeType 属性值是 3

作用：可以让函数对特定类型的节点进行处理

nodeValue属性

node . nodeValue     //获取（和设置）一个节点的值

firstChild 和 lastChild 属性

node . firstChild
node . lastChild