我想换行或替换第一个div和p,它位于一个名为entry-content:
的div中var outer = document.getElementById(".entry-content div");
outer.innerHTML = "<div id='wrap'>"+outer.innerHTML+"</div>"
和
var outer = document.getElementById(".entry-content p");
outer.innerHTML = "<script type='text/javascript'>window.location = '"+outer.innerHTML+"'</script>"
输出(包装):
<div class="entry-content">
<div><div id="wrap">lala</div></div>
<p><script type="text/javascript">window.location = "http://"</script></p>
</div>
或者最好的输出是(换行并替换):
<div class="entry-content">
<div id="wrap">lala</div>
<script type="text/javascript">window.location = "http://"</script>
</div>
感谢您的帮助
看起来您想要删除元素但保留其内容。"Unwrap"如果你想这么叫的话
这可以通过一些DOM操作来完成:
function unwrap(element) {
// insert all the element's children *after* the element itself
var parent = element.parentNode;
var children = element.childNodes;
var before = element.nextSibling;
// reverse iteration always inserting the previous sibling before
// the next one
for (var i = children.length - 1; i > -1; i--) {
before = parent.insertBefore(children[i], before);
}
// remove the element
parent.removeChild(element);
}
那么你所要做的就是把你想要删除的元素的引用传递给函数。
如果您真的想要替换元素,那么您只需要将所有子节点移动到新元素,并用新元素替换旧元素。我在这里调用函数"rewrap"(因为"replace"并不表示内容被复制):
function rewrap(element, new_element) {
// append all the element's children to the new element
while (element.firstChild) {
new_element.appendChild(element.firstChild);
}
// replace old element with new
element.parentNode.replaceChild(new_element, element);
}