javascript - 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"の上と中に子を追加する JavaScript コードは何でしょうid="results"か?

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);