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
    }
})();

VM5185：4未捕获TypeError：nodes [n] .getElementsByName不是功能

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

Answer 1

试试这个：

(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
    }
})();

Answer 2

请尝试使用getElementsByTagName()。

http://www.w3schools.com/jsref/met_element_getelementsbytagname.asp

未捕获的TypeError：getElementsByName不是函数

2 个答案: