insertBefore() 方法可在已有的子節(jié)點前插入一個新的子節(jié)點。
語法:
insertBefore(newnode,node);
參數(shù):
newnode: 要插入的新節(jié)點。
node: 指定此節(jié)點前插入節(jié)點。
我們在來看看下面代碼,在指定節(jié)點前插入節(jié)點。
運行結果:
This is a new p JavaScript HTML
注意: otest.insertBefore(newnode,node); 也可以改為: otest.insertBefore(newnode,otest.childNodes[0]);
試一試,在script 標簽內補充代碼,實現(xiàn)創(chuàng)建一個新li標簽,內容為"php",并將新創(chuàng)建的li插入到內容為HTML的標簽前。
<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>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報