自己在看《javascript Dom编程艺术》，这本书真的非常有意思，对DOM的理解也很有帮助，现在自己将其中涉及的知识点做个笔记
元素节点： <ul> <p> 诸如此类 文本节点：文本节点一般被包含在元素节点的内部 属性节点： class ，id, title
获取元素
1.getElementById(获取到具有Id属性的元素)
document.getElementById("id")
2.getElementsByTagName(返回一个对象数组)
dodcument.getElemenstByTagName("tag")
3.getElementByClassName(返回一个具有相同类名的的元素的数组)
document.getElementByClassName("class")
/若有多个类名可用空格隔开/
获取和设置属性
1.getAttribute(你查询的属性的名字)
object.getAttribute("attribute")
2.setAttribute(修改属性节点的值)
object.setAttribute("attribute","value")
/二者只能用于元素节点/
1.childNodes(可以用来获取任意一个元素的所有子元素,返回数组)
element.ChildNodes
/返回所有节点，包括空格之类/
2.nodeType(对特定类型的节点进行处理)
node.nodeType
- 元素节点的nodeType属性值是1
- 属性节点的nodeType属性值是2
- 文本节点的nodeType属性值是3
3.nodeValue(改变一个文本节点)
node.nodeValue
4.firstChild lastChild
1.createElement(添加节点)
document.createElement(nodeName)
2.appendChild(插入节点)
parent.appendChild()
3.creatTextNode(创建文本节点)
docuent.createTextNode(text)
DOM中的事件对象
- type属性用于获取事件类型
- target属性用于获取事件目标
- stopPropagation()方法 用于阻止事件冒泡
- preventDefault()方法用于阻止s
