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