<ul> <li> <span class=name>Tortilla de blé</span> </li> </ul> This is the original source. I

Question

0

Asked: May 26, 20262026-05-26T02:23:47+00:00 2026-05-26T02:23:47+00:00

<ul> <li> <span class=name>Tortilla de blé</span> </li> </ul> This is the original source. I

0

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

This is the original source. I need to change the background Color of just the text in the tag.
I have used css property background-color for it. But it is changing the color of the whole list item.
i have to change the background color only by using javascript.

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

(Changed the Older Script as that was not correct, mistakenly written)

My Result:

Original Image

Expected Result:
What could i do to just highlight the text in the tag and not the whole tag.

Expected Image

I have produced the expected result by editing the source code like below:

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

By Embedding font tag to the text which is not possible with the javascript.
I have done this with the help of Inspect Element feature of Google Chrome