javascript - 使用 JavaScript 更改所有 <pre> 标签的内容

Question

我想知道如何更改文档中的所有前置标签...

我正在使用这个:

var preContent = document.getElementById('code').innerHTML;

但这只会改变 1 个前置标签的内容……ID 为“code”的标签。

如果你能告诉我如何使用 JavaScript 更改所有前置标签，我将不胜感激

所有代码如下:

window.onload = function () {
    var preContent = document.getElementById('code').innerHTML;
    var codeLine = new Array();
    var newContent = '<table width="100%" border="1" ' 
        + 'cellpadding="0" cellspacing="0" >';

    codeLine = preContent.split('\n');
    for (var i = 0; i < codeLine.length; i++) {
        newContent = newContent + '<tr><td class="codeTab1" >' 
            + i.toString() + '</td><td class="codeTab2">' 
            + codeLine[i] + '</td></tr>';
    }
    newContent = newContent + '</table>';

    document.getElementById('code').innerHTML = newContent;
}

PS:这是为了让行前有数字的普通编译器看起来像 PPS:每个 pre 标签都有不同的内容，我希望使用相同的脚本来更改它(如果可能的话)。

Answer 1

您可以使用 getElementsByTagName :

var preElements = document.getElementsByTagName('pre');

for(var i = 0; i < preElements.length; ++ i)
{
    var element = preElements[i];

    /* modify element.innerHTML here */
}