- 關(guān)于JS獲取元素的方式:
id tagName className name
document.documentElement.clientWidth||document.body.clientWidth
querySelector
querySelectorAll
- 節(jié)點(diǎn)和節(jié)點(diǎn)類型
nodeType nodeName nodeValue
元素節(jié)點(diǎn) 1 大寫的標(biāo)簽名 null
文本節(jié)點(diǎn) 3 #text 文本內(nèi)容
注釋節(jié)點(diǎn) 8 #comment 注釋內(nèi)容
document節(jié)點(diǎn) 9 #document null
- 節(jié)點(diǎn)關(guān)系
children childNodes previousSibling nextSibling firstChild lastChild
- 關(guān)于元素的動(dòng)態(tài)操作:
1)元素的動(dòng)態(tài)創(chuàng)建
document.createElement
obj.cloneNode(布爾值) true:深度克隆 false/不寫:只克隆表皮囤捻,不包含子元素
2)元素的動(dòng)態(tài)插入
parent.appendChild(curEle);
parent.insertBefore(curEle,oldEle);
3)元素的動(dòng)態(tài)刪除和替換
parent.removeChild(curEle);
parent.replaceChild(curEle,oldEle);
- 關(guān)于元素屬性的操作:
1). 和 [];
2)attribute系列:
getAttribute;
setAttribute;
removeAttribute;
getBoundingClientRect() 這個(gè)方法返回一個(gè)矩形對(duì)象娘纷,包含四個(gè)屬性:left闽撤、top毫深、right和bottom。分別表示元素各邊與頁面上邊和左邊的距離前方。
e.offsetX :到左邊的距離
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者