很幸運(yùn)，現(xiàn)在，W3C 已經(jīng)幫我們搞出了一些新的屬性來專門操作元素節(jié)點(diǎn)。
- Element.children： 返回一個(gè)該元素下所有子元素節(jié)點(diǎn)的集合
- Element.firstElementChild： 返回第一個(gè)子元素節(jié)點(diǎn)
- Element.lastElementChild： 返回最后一個(gè)子元素節(jié)點(diǎn)
- Element.previousElementSibling： 返回前一個(gè)同輩元素節(jié)點(diǎn)
- Element.nextElementSibling： 返回后一個(gè)同輩元素節(jié)點(diǎn)
- 插入標(biāo)記
- innerHTML： 返回或更改調(diào)用它的節(jié)點(diǎn)的所有子節(jié)點(diǎn)（包括注釋節(jié)點(diǎn)、文本節(jié)點(diǎn)等）
- outerHTML： 返回或更改調(diào)用它的元素以及這個(gè)元素所有的子節(jié)點(diǎn)
- 上面兩種屬性返回的都是字符串
- element.insertAdjacentHTML(position, text) ：將指定的文本解析為 HTML 或 XML，然后將結(jié)果節(jié)點(diǎn)插入到指定的位置上
- position 是相對(duì)于 element 元素的位置，并且它有四個(gè)值
- beforebegin： 在 element 元素之前插入一個(gè)緊鄰的同輩元素
- afterbegin： 在 element 元素的第一個(gè)子節(jié)點(diǎn)之前插入
- beforeend： 在 element 元素的最后一個(gè)節(jié)點(diǎn)之后插入
- afterend： 在 element 元素之后插入一個(gè)緊鄰的同輩元素
Text 類型 （文本節(jié)點(diǎn)）
Text 類型的節(jié)點(diǎn)（文本節(jié)點(diǎn)）的 nodeType 的值為 3。
document.createTextNode(“文本內(nèi)容”)：創(chuàng)建新文本節(jié)點(diǎn)
規(guī)范化文本節(jié)點(diǎn)
DOM 文檔中存在相鄰的文本節(jié)點(diǎn)很容易導(dǎo)致混亂，因?yàn)榉植磺迥膫€(gè)文本節(jié)點(diǎn)表示哪個(gè)字符串。所以在 Node 接口中定義了一個(gè)