Wie mehrere Vorkommen von innerHTML eines div mit Javascript ersetzen?

Question

Für ein div, die mehrfach in Ihren HTML angezeigt:

<div class="myclass">abc</div> 
<div class="myclass">abc def</div> 
... 

Wie kann ich erreichen, den Ersatz von „abc“ für alle Vorkommen? (I Ressourcen fand das erste Vorkommen zu ersetzen, aber nicht den Rest)

Dies ist mein Code mit JavaScript-Methode

<script> 
function addLoadEvent(func) { 
    var oldonload = window.onload; 
    if (typeof window.onload != 'function') { 
    window.onload = func; 
    } else { 
    window.onload = function() { 
     if (oldonload) { 
     oldonload(); 
     } 
     func(); 
    } 
    } 
} 

addLoadEvent(function() { 

    oldText = document.getElementsByClassName("myclass").innerHTML; 
    for (i = 0; i<oldText.length; i++){ 
    newText = oldText[i].innerHTML; 
    newText = newText.replace(/abc/g, "123"); 
    oldText[i].innerHTML = newText; 

    }); 
</script> 

Answer 1

Ziel jeder Klasse, Split Wert, entfernen 0-Index und verketten.

$('.myclass').each(function(){ 
     var data = $(this).val(); 
     var data_array = data.split(); 
     var new = ''; 
     for(var i=1; i<data_array.length; i++){ 
      var _new += ' '+data_array[i]; 
     } 
     $(this).val(_new); 
    }); 

Answer 2

Hier Lösung:

Das Problem bei dieser Linie ist: oldText = document.getElementsByClassName("myclass").innerHTML;

.innerHTML Methode gibt HTML Inhalt.

Sie müssen nur Elemente nach Klassennamen erhalten und eine nodeList erhalten.

oldText = document.getElementsByClassName("myclass"); 

function addLoadEvent(func) { 
 
    var oldonload = window.onload; 
 
    if (typeof window.onload != 'function') { 
 
    window.onload = func; 
 
    } else { 
 
    window.onload = function() { 
 
     if (oldonload) { 
 
     oldonload(); 
 
     } 
 
     func(); 
 
    } 
 
    } 
 
} 
 
addLoadEvent(function() { 
 
    oldText = document.getElementsByClassName("myclass"); 
 
    for (i = 0; i<oldText.length; i++){ 
 
     newText = oldText[i].innerHTML; 
 
     newText = newText.replace(/abc/g, "123"); 
 
     oldText[i].innerHTML = newText; 
 
    } 
 
});

<div class="myclass">abc</div> 
 
<div class="myclass">abc def</div>