<javascript Dom编程艺术>

2016-12-04 本文已影响30人德坤丨

自己在看《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

3.nodeValue(改变一个文本节点)
node.nodeValue

4.firstChild lastChild

1.createElement(添加节点)
document.createElement(nodeName)

2.appendChild(插入节点)
parent.appendChild()

3.creatTextNode(创建文本节点)
docuent.createTextNode(text)

DOM中的事件对象