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

Question

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

我正在使用这个：

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

但这只会改变 1 个 pre 标签的内容...... ID 为“代码”的那个。

如果你能告诉我如何使用 JavaScript 更改所有 pre 标签，我很感激

这是所有的代码：

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 */
}