javascript - 如何将 `<span id="myspanid"></span>` 插入 html 标签之间的所有内容？

Question

比如我要改

<h1>content1</h1><p>content2</p>

到

<h1><span id="myspanid">content1</span></h1><p><span id="myspanid">content2</span></p>

我更喜欢在服务器端使用 php 执行此操作。

Answer 1

如果您使用 jQuery :

$('body *').wrap('<span class="foo"></span>');

如果你不是(修复 @minitech's code ):

var elts = document.body.childNodes,
    numElts = elts.length,
    elt;
for(var i = 0; i < numElts; i++) {
    elt = elts[i];
    elt.innerHTML = '<span class="foo">' + elt.innerHTML + '</span>';
}