insertBefore() 方法可在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn)。
語法:
insertBefore(newnode,node);
參數(shù):
newnode: 要插入的新節(jié)點(diǎn)。
node: 指定此節(jié)點(diǎn)前插入節(jié)點(diǎn)。
我們?cè)趤砜纯聪旅娲a,在指定節(jié)點(diǎn)前插入節(jié)點(diǎn)。
運(yùn)行結(jié)果:
This is a new p JavaScript HTML
注意: otest.insertBefore(newnode,node); 也可以改為: otest.insertBefore(newnode,otest.childNodes[0]);
試一試,在script 標(biāo)簽內(nèi)補(bǔ)充代碼,實(shí)現(xiàn)創(chuàng)建一個(gè)新li標(biāo)簽,內(nèi)容為"php",并將新創(chuàng)建的li插入到內(nèi)容為HTML的標(biāo)簽前。
<body>
<ul id="test"><li>JavaScript</li><li>HTML</li></ul>
<script type="text/javascript">
var otest = document.getElementById("test");
var newnode = document.createElement("li");
newnode.innerHTML = "PHP" ;
otest.insertBefore(newnode,otest.childNodes[1]);
</script>
</body>
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)