RLJ Posted December 10, 2010 Share Posted December 10, 2010 Hi all, could someone pls tell me why the following javascript doesn't work? <html> <head> <script language='JavaScript'> function function1() { document.getElementsByName("txt").style.color='red'; } </script> </head> <body> <span id="span1" name="txt">some text</span><br> <span id="span2" name="txt">some more text</span><br> <span id="span3" name="txt2">some more more text</span><br> <input type="checkbox" id="check1" onchange="function1()"> </body> </html> I probably made a stupid mistake somewhere, but I just can't see where. (What I want to do is turn all text with name "txt" red) Thanks! Link to comment https://forums.phpfreaks.com/topic/221226-documentgetelementsbyname-to-change-font-color-not-working/ Share on other sites More sharing options...
Adam Posted December 10, 2010 Share Posted December 10, 2010 document.getElementsByTagName returns an array, not an object. You need to use a for() loop to loop through each element it matches: var elements = document.getElementsByName("txt"); var length = elements.length; for (var i = 0; i < length; i++) { elements[i].style.color='red'; } Link to comment https://forums.phpfreaks.com/topic/221226-documentgetelementsbyname-to-change-font-color-not-working/#findComment-1145402 Share on other sites More sharing options...
RLJ Posted December 10, 2010 Author Share Posted December 10, 2010 Aaaaaa I see. Thanks! Link to comment https://forums.phpfreaks.com/topic/221226-documentgetelementsbyname-to-change-font-color-not-working/#findComment-1145465 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.