Uncaught : getElementsByName不是函数

Question

页面上有一组元素，格式如下：

<div class="longdesc">
 <pre style="...">
   //stuff here
 </pre>
</div>
<div class="longdesc">
 <pre style="...">
   //stuff here
 </pre>
</div>

我正在尝试替换<pre>标记中的一些内容，但我遇到了麻烦。

(function () {    
    var nodes = document.getElementsByClassName("longdesc");
    for (var n=0; n<nodes.length; n++) {
        var node = nodes[n].getElementsByName("pre");
        node[0].textContent = node[0].textContent.replace("<", "&lt;");
        //other code
    }
})();

is 5185:4 TypeError: nodesn.getElementsByName不是一个函数

我只需要每个pre中的第一个longdesc。我该怎么做？

Answer 1

尝试使用getElementsByTagName()代替。

getelementsbytagname.asp

Answer 2

试试这个：

(function () {    
    var nodes = document.getElementsByClassName("longdesc");
    for (var n=0; n<nodes.length; n++) {
        var node = nodes[n].getElementsByTagName("pre");
        node[0].textContent = node[0].textContent.replace("<", "&lt;");
        //other code
    }
})();