Entry
How do I find all elements of a certain style class?
Apr 15th, 2000 15:47
Martin Honnen,
You can achieve that in NN6 and IE4+ by looking through
document.getElementsByTagName('*')
respectively
document.all
and checking the
className
property of the elements. Here is an example
<HTML>
<HEAD>
<STYLE>
.js {
color: white;
background-color: orange;
}
</STYLE>
<SCRIPT>
function getElementsByStyleClass (className) {
var all = document.all ? document.all :
document.getElementsByTagName('*');
var elements = new Array();
for (var e = 0; e < all.length; e++)
if (all[e].className == className)
elements[elements.length] = all[e];
return elements;
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="alert(getElementsByStyleClass('js').length);">
<P CLASS="js">
JavaScript.FAQTs.com
</P>
<H1 CLASS="js">
JavaScript.FAQTs.com
</H1>
<BUTTON CLASS="js">
JavaScript.FAQTs.com
</BUTTON>
</BODY>
</HTML>
