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