Uncaught Typeerror: getElementsByName ist keine Funktion

Question

ich ein paar Elemente auf einer Seite, die wie unten formatiert sind:

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

Ich versuche, einige der Inhalte innerhalb des <pre> Tag zu ersetzen, aber ich Ich habe Probleme.

(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 Uncaught TypeError: nodes[n].getElementsByName is not a function

Ich brauche nur die erste pre in jedem longdesc. Wie kann ich das machen?

Answer 1

Versuchen getElementsByTagName() stattdessen verwenden.

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

Answer 2

versuchen Sie dies:

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