Ä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:
Erwartete Ergebnis:
Was könnte ich tun, um nur den text markieren, in die-tag und nicht den ganzen tag.
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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe versucht, mit jQuery,
http://jsfiddle.net/sameerast/gT9eh/
Ihre js-Beispiel ist nicht gültig und sollte nicht alles tun ...
Müssen Sie den Stil auf jedem span-element;
Wie oben erläutert - Ihre JS ist nicht gültig. Für den Anfang, der name der Funktion ist 'getElementsByClassName' anstatt 'getElementByClaassName'.
Sie dann brauchen, um es in einer Schleife durch die Elemente und Ihre Eigenschaften individuell. JQuery wird Ihnen eine schöne Verknüpfung, wie von Sameera.