2016-06-29 10 views
0

ich habe, wie Daten über document.getElementById erhalten in Skript

(function() { return (document.getElementsByClassName('two')[0].innerHTML); })(); 

in dieser Linie eine Aussage wie diese in Java geschriebenes Programm

document.getElementsByClassName('two')[0].innerHTML 

gibt die Daten mit class name = "zwei "Ich habe eine andere Klasse in derselben HTML-Seite mit demselben Klassennamen. Ich möchte, dass diese Daten auch zurückgegeben werden. wie diesen Code zu modifizieren, plz help me

zum Beispiel i Code wie dieser

<html> 
<body> 
    <div id="one"> 
     welcome 
     <div class="two"> 
      hello world 
     </div> 
     <div class="two"> 
      bye world 
     </div> 
    </div> 
    <button onclick="myFunction()"> 
    Click</button> 
    <p id="demo"></p> 
    <script> 
     function myFunction() { 
      var x = document.getElementsByClassName('two'); 
      var mapped = [].map.call(x, function(el) { 
       return el.innerHTML; 
      }); 
      document.getElementById('demo').innerHTML = mapped.join(','); 
     } 
    </script> 
</body> 
</html> 

geschrieben haben, wie in diesem Code

(function() { return (document.getElementsByClassName('two')[0].innerHTML); })(); 
+0

'(function() {myFunction();})();'? – pawel

+1

Java hat nichts mit JavaScript zu tun. –

Antwort

0

Um den Zugang dieser Funktionalität in meinem Code, dh die Einbettung andere Elemente mit dem gleichen Klassennamen können Sie einfach den Index der getElementsByClassName() ändern. Wenn Sie möchten, beide Elemente zurückzukehren (alle Elemente in diesem Fall), können Sie eine Schleife durch sie und bringt sie innerhalb eines String-Array:

function myFunction() { 
    var twos = []; 
    var elements = document.getElementsByClassName("two"); 

    for (i = 0; i < elements.length; i++) { 
     twos.push(elements[i].innerHTML); 
    } 

    return twos; 
} 

Und dann können Sie die Elemente durch den Index zugreifen:

var foo = myFunction(); 
console.log(foo[0]); // 'hello world' 
console.log(foo[1]); // 'bye world' 
Verwandte Themen