DOM節(jié)點(diǎn)操作

發(fā)布時間：2020-05-27 06:27:35 來源：網(wǎng)絡(luò) 閱讀：279 作者：wx5d13575cbfad1 欄目：web開發(fā)

節(jié)點(diǎn)有三個重要屬性：
nodeName : 節(jié)點(diǎn)的名稱
nodeValue ：節(jié)點(diǎn)的值
nodeType ：節(jié)點(diǎn)的類型
創(chuàng)建節(jié)點(diǎn)：
例如:創(chuàng)建一個div元素,并給它一個classname，在body中追加一個div

var  cj=document.creatElement("div");
cj.classname="chuangjian";
document.body.appendChild(cj);

創(chuàng)建下一個節(jié)點(diǎn)

var node=document.createTextNode(" ");

刪除元素節(jié)點(diǎn) remove

實(shí)例：刪除div下的p1標(biāo)簽

<div id="div">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var parent=document.getElementById("div");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

childElementCount 獲取當(dāng)前元素的子元素個數(shù)
nextElementSibling 當(dāng)前節(jié)點(diǎn)的下一個同胞兄弟元素
firstElementChild 當(dāng)前元素里面第一個
parentNode 父節(jié)點(diǎn)
parentElement 可以獲取父元素
appendChild 追加到當(dāng)前元素的內(nèi)容之后
beforechild 追加到當(dāng)前元素的內(nèi)容之前

向AI問一下細(xì)節(jié)

DOM節(jié)點(diǎn)操作

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽