Replace text added by CSS Content via Javascript

Asked Apr 03 '20 at 23:10

Active Apr 03 '20 at 23:10

Viewed 15 times

I have the following fiddle:

Currently the class colour writes some content after.

How can I with javascript change the text Green to Red?

I have tried using, without success:

var el = document.getElementsByClassName('colour');
el.textContent = el.textContent.replace('Green', 'Red');

asked Apr 03 '20 at 23:10

Rickin Rathatha

Instead, why not considering having `` or some other elements inside your div that are shown/hidden when the class changes? – Brad Apr 03 '20 at 23:13
from the duplicate: https://stackoverflow.com/a/49618941/8620333 – Temani Afif Apr 03 '20 at 23:14
https://jsfiddle.net/Lg41vez0/ use this code – mr. pc_coder Apr 03 '20 at 23:18
@Çağrı Hi, thanks for your help, but I actually wanted to change the text and not change the style (color) – Rickin Rathatha Apr 03 '20 at 23:33
@Rickin Then change color to content and write Red https://jsfiddle.net/7hg3ycpe/ – mr. pc_coder Apr 03 '20 at 23:39

0 Answers0