Wie kann ich 2 Werte mit getElementsByClassName() zurückgeben?

-1

<!DOCTYPE html> 
<html> 
<body> 

<div class="example">First div element with class="example".</div> 

<div class="example">Second div element with class="example".</div> 

<p>Click the button to change the text of the first div element with class="example" (index 0).</p> 

<button onclick="myFunction()">Try it</button> 

<p><strong>Note:</strong> The getElementsByClassName() method is not supported in Internet Explorer 8 and earlier versions.</p> 

<script> 
function myFunction() { 
    var x = document.getElementsByClassName("example"); 
    x[0].innerHTML = "Hello World!"; 
} 
</script> 

</body> 
</html>

Verbindung zum Beispiel: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_getelementsbyclassname Wie kann ich 2 Werte mit getElementsByClassName() zurückgeben?

Dieses Beispiel zeigt uns, wie ersten div zu ändern, um „Hallo Welt“. Ich will lernen Wie kann ich alle Klassen zu "Hallo Welt" ändern. Ich habe versucht, x[0].innerHTML = "Hello World!"; zu x[*].innerHTML = "Hello World!"; zu ändern, aber nichts passierte. Irgendeine Idee? :/

Quelle

2016-04-16 Development Flow

Es ist vielleicht ein Duplikat, aber der Fragesteller scheint nicht zu verstehen, dass er die Schleife braucht ... –

Verwenden Schleife wie:

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<div class="example">First div element with class="example".</div> 
 

 
<div class="example">Second div element with class="example".</div> 
 

 
<p>Click the button to change the text of the first div element with class="example" (index 0).</p> 
 

 
<button onclick="myFunction()">Try it</button> 
 

 
<p><strong>Note:</strong> The getElementsByClassName() method is not supported in Internet Explorer 8 and earlier versions.</p> 
 

 
<script> 
 
function myFunction() { 
 
    var x = document.getElementsByClassName("example"); 
 
    for(var i = 0; i < x.length; i++) 
 
    x[i].innerHTML = "Hello World!"; 
 
} 
 
</script> 
 

 
</body> 
 
</html>

Quelle

2016-04-16 08:52:00

Sie haben eine Schleife zu verwenden, um alle Elemente zu beeinflussen:

function myFunction() { 
    var x = document.getElementsByClassName("example"); 
    for (var i = 0; i < x.length; i++) 
     x[i].innerHTML = "Hello World!"; 
}

Quelle

2016-04-16 08:46:27 Osvaldas

Sie querySelectorAll Methode verwenden können :

function myFunction() { 
    var divs = document.querySelectorAll('.example'); 
    [].forEach.call(divs, function(div) { 
     div.innerHTML = "Hello World!"; 
    }); 
}

Quelle

2016-04-16 08:52:44

Wie kann ich 2 Werte mit getElementsByClassName() zurückgeben?

Antwort

Verwandte Themen