使用javascript将标记附加到HTML的特定操作

Append a tag to spesific loaction of HTML using javascript

本文关键字：HTML 操作 javascript 使用      更新时间：2023-09-26

我的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代码是什么？

您可以使用以下方法：

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

这将对您有所帮助。。

 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);
相关文章：