使用javascript將標記附加到HTML的特殊位置

Question

我的HTML中有這些標簽，

<div id="main">
    <div id="options"></div>
    <div id="searchField"></div>
    <div id="options"></div>

    <div id="results">
        ***<!-- I want to add elements here -->***
        <div id="pagenumber">
        <div id="footer">
    </div>
</div>

在id="pagenumber"上方並在id="results"內附加子項的javascript代碼是什么？

Answer 1

您可以使用以下方法：

var pagenumber = document.getElementById('pagenumber'),
    results = document.getElementById('results'),
    newElem = document.createElement('div');

results.insertBefore(newElem, pagenumber);

要在 pagenumber節點之后插入，可以使用：

results.insertBefore(newElem, pagenumber.nextSibling);

參考文獻：

• node.insertBefore() 。

Answer 2

這將對您有所幫助。

 var results=document.getElementById('results');
 var newdiv = document.createElement('div');
 var divIdName = 'myDiv';
 newdiv.setAttribute('id',divIdName);
 newdiv.innerHTML = '<p>Test</p>';
 results.appendChild(newdiv);