Javascript:用 Div 替换所有 P 标签(没有任何库)

Question

下面是一段代码

var pTags=document.getElementsByTagName('p');
for(i=0;i<pTags.length;i++)
{
    var p=pTags[i],  div=document.createElement('div');
    div.innerHTML='P tag replaced with a div tag';
    p.parentNode.replaceChild(div, p);
}

它应该用 Div 替换所有 P 标签，但它并没有替换所有标签，而是替换了其中的一部分。 红色 ( fiddle ) 没有替换。

我不需要这个，但我想知道我做错了什么？所以，我的问题是为什么它不以这种方式工作。希望有人能告诉我事实。

感谢您的努力!

Answer 1

getElementsByTagName 返回一个实时节点列表，因此每次替换节点时列表都会更改，因此您只想获取列表中的第一个节点并替换它直到列表为空，请参见 http://jsfiddle.net/mowglisanu/eZNqn/4/