How to change from 'getElementByID' to 'getElementsByClassName'

Asked Aug 27 '19 at 03:51

Active Aug 27 '19 at 06:05

Viewed 31 times

I wrote a javascript by taking support from the Internet to color specific characters ("a" and "0") within some HTML text.

It's working with getElementById but I need to apply it to several places in same page, So I tried by using "getElementsByClassName" but it didn't work.

<script>
window.onload= function (){
var s1 = document.getElementsByClassName("redphrase");
var str = s1.innerHTML; var newText = "";
for (var i = 0; i < str.length; i++) {if((str[i] == '0' || str[i] == 'a')) {newText+= str.charAt(i).fontcolor("red");
}
else
{ newText += str[i];
}
}
s1.innerHTML = newText;
}
</script>

<a href="#" class="redphrase"><b>Here are somE words 00</b></a>

<a href="#" class="redphrase"><b>Here are somE words 00</b></a>

I expect the output to apply color red into characters "a" and "0" in both lines, but it doesn't work.

edited Aug 27 '19 at 06:05

asked Aug 27 '19 at 03:51

Udaya Arunakantha

Capitalization matters - the `g` at the beginning is lowercase. Then iterate through the collection (it doesn't return a single element) – CertainPerformance Aug 27 '19 at 03:52
I corrected it, it's typo mistake but still it's not working – Udaya Arunakantha Aug 27 '19 at 04:00
Then iterate through the collection (it doesn't return a single element) (see linked question) – CertainPerformance Aug 27 '19 at 04:00
I tried with provided articles and found nothing helpful to my question – Udaya Arunakantha Aug 27 '19 at 04:10

How to change from 'getElementByID' to 'getElementsByClassName'

0 Answers0