Ändern der Hintergrundfarbe von Text in HTML mit JavaScript

<ul>
    <li>
        <span class="name">Tortilla de blé</span>
    </li>
</ul>

Dies ist die original-Quelle. Ich brauche eine änderung der Hintergrundfarbe nur den text in den tag.
Ich habe die css-Eigenschaft background-Farbe für Sie. Aber es ändert sich die Farbe der ganzen Liste.
ich habe zum ändern der hintergrund-Farbe, die nur durch die Verwendung von javascript.

var ea = document.getElementsByClassName('name');
for(var i = 0; i < ea.length; i++)
    ea[i].style.backgroundColor = "yellow";

(Verändert die Älteren Skript, das nicht richtig war, irrtümlich geschrieben)

Mein Ergebnis:

Ändern der Hintergrundfarbe von Text in HTML mit JavaScript

Erwartete Ergebnis:
Was könnte ich tun, um nur den text markieren, in die-tag und nicht den ganzen tag.

Ändern der Hintergrundfarbe von Text in HTML mit JavaScript

Ich habe produziert das erwartete Ergebnis, indem Sie den Quellcode wie folgt:

<ul>
    <li>
        <span class="name"><font style="bakground-color:yellow">Tortilla de blé</font></span>
    </li>
</ul>

Durch die Einbettung von font-tag um den text, ist nicht möglich, mit dem javascript-Code.
Ich habe dies getan, mit Hilfe von Element Untersuchen - feature von Google Chrome

  • Ein Punkt der Klarstellung: in der "erwarteten Ergebnis" das Bild, das JS wird nur angewendet, um das erste element in der Liste?
  • bitte überprüfen Sie die bearbeitete Frage
Schreibe einen Kommentar