使用javascript将标记添加到HTML的特定loaction中

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().