JavaScript核心编程：与BOM详解及节点操作.pdfVIP

宿主对象DOM:所有的HTML文

档内容都看作是一个对象

BOM：7个

DOM树:(1)节点树

1/2/3/8/9/(2)元素树10

1/9

N对象的属性:

nodeType

nodeName

nodeValue‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑

parentNode

childNodes

firstChild

lastChild

nextSibling

pr

eviousSibling‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑

parentElementNode子节

点firstElementChild

lastElementChild

nextElementSibling

previousEle

mentSibling

‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑

e.innerHTML

e.innerText

e.textContent

‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑

e.getAttribute()

e.attributes[]

e.setAttributeNode()

e.removeAttribute()

e.hasAttribute()

‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑‑

document.getElementById()

document/e.getElementsByTagName()

document.getElementsByName()

document/e.getElementsByClassName()

e.querySelector():节点

e.querySelectorAll():节点列表

document.documentElement

document.bodydocument.all[‘’]

宿主对象

DOM：所有的HTML文档内容都看做是一个对象

BOM：7个

DOM树：

(1)节点树1/2/3/8/9/10

(2)元素树1/9

Node对象的属性：

nodeType

nodeName

nodeValue

parentNode

childNodes

firstChild

lastChild

nextSibling

previousSibling

parentElementNode

children

firstElementChild

lastElementChild

nextElementSibling

previousElementSibling

e.innerHTML

e.innerText

e.textContent

e.getAttribute(‘’)

e.attributes[‘’]

e.setAttributeNode()

e.removeAttribute()

e.hasAttribute()

document.getElementById()

document/e.getElementsByTagName()

document.getElementsByName()

document/e.getElementsByClassName()

e.querySelector():Node

e.querySelectorAll():NodeList

doc