DOM的理念:一切皆節(jié)點(diǎn)。方法和屬性都是依賴于元素對象存在的凄吏。
DOM的節(jié)點(diǎn)有
文檔節(jié)點(diǎn)、元素節(jié)點(diǎn)闰蛔、屬性節(jié)點(diǎn)痕钢、文本節(jié)點(diǎn)、注釋節(jié)點(diǎn)
className.add
className.remove
classList.add
obj = getElementById('test');
obj.style.fontSize = "16px";
屬性操作
obj.setAttribute('屬性','值') 增加屬性
obj.attributes
obj.removeAttribute('屬性')
修改樣式
obj.style.color="red" //如果樣式有就重新設(shè)置序六,沒有相當(dāng)于新增一個(gè)樣式
創(chuàng)建元素
tag = "<p></p>"
p = document.createElement('元素')
p.appendChild(tag);
p.insertAdjanceHTML('beforeEnd',tag)
這里有4個(gè)值任连,`beforeBegin`,`afterEnd`例诀,`afterBegin`随抠。前者表示在子元素中添加,后者表示在兄弟元素添加繁涂。
創(chuàng)建文本節(jié)點(diǎn)
t = document.createTextNode('文本')
obj.appendChild(t) //將文件節(jié)點(diǎn)加入到obj元素節(jié)點(diǎn)拱她。
:before
和:after
在被選元素的前面或者后面插入內(nèi)容