Question

I have a span tag without an id

eg: <span>Welcome</span>

I have many span tags in the same web page.

Is there a way to access this span tag in the javascript and change the

“Welcome” to “something else”

Thanks

Answer 1

If there’s no ID or other attribute you can select, then you can loop through all <span> elements looking for the exact text (via .innerHTML for example), like this:

var spans = document.getElementsByTagName("span");
for(var i=0;i<spans.length; i++) {
    if(spans[i].innerHTML == "Welcome") {       //is this the "Welcome" span?
        spans[i].innerHTML = "something else";  //change to new value
        break;                                  //hop out of the loop, we're done
    }
}

You can test it out here.