自己在看《javascript Dom編程藝術(shù)》嫩码，這本書真的非常有意思，對(duì)DOM的理解也很有幫助衫生，現(xiàn)在自己將其中涉及的知識(shí)點(diǎn)做個(gè)筆記
元素節(jié)點(diǎn)： <ul> <p> 諸如此類 文本節(jié)點(diǎn)：文本節(jié)點(diǎn)一般被包含在元素節(jié)點(diǎn)的內(nèi)部 屬性節(jié)點(diǎn)： class ，id, title
獲取元素
1.getElementById(獲取到具有Id屬性的元素)
document.getElementById("id")
2.getElementsByTagName(返回一個(gè)對(duì)象數(shù)組)
dodcument.getElemenstByTagName("tag")
3.getElementByClassName(返回一個(gè)具有相同類名的的元素的數(shù)組)
document.getElementByClassName("class")
/若有多個(gè)類名可用空格隔開/
獲取和設(shè)置屬性
1.getAttribute(你查詢的屬性的名字)
object.getAttribute("attribute")
2.setAttribute(修改屬性節(jié)點(diǎn)的值)
object.setAttribute("attribute","value")
/二者只能用于元素節(jié)點(diǎn)/
1.childNodes(可以用來獲取任意一個(gè)元素的所有子元素,返回?cái)?shù)組)
element.ChildNodes
/返回所有節(jié)點(diǎn)，包括空格之類/
2.nodeType(對(duì)特定類型的節(jié)點(diǎn)進(jìn)行處理)
node.nodeType
- 元素節(jié)點(diǎn)的nodeType屬性值是1
- 屬性節(jié)點(diǎn)的nodeType屬性值是2
- 文本節(jié)點(diǎn)的nodeType屬性值是3
3.nodeValue(改變一個(gè)文本節(jié)點(diǎn))
node.nodeValue
4.firstChild lastChild
1.createElement(添加節(jié)點(diǎn))
document.createElement(nodeName)
2.appendChild(插入節(jié)點(diǎn))
parent.appendChild()
3.creatTextNode(創(chuàng)建文本節(jié)點(diǎn))
docuent.createTextNode(text)
DOM中的事件對(duì)象
- type屬性用于獲取事件類型
- target屬性用于獲取事件目標(biāo)
- stopPropagation()方法 用于阻止事件冒泡
- preventDefault()方法用于阻止s
