/*----------------------------index.html------------------------------------*/
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta name= "Author" content= "Hehe" >
<title>shopping list</title>
<link rel= "stylesheet" type= "Text/css" href= "My_css.css" >
<body>
<p title= "A gentle reminder" >don ' t forgrt to buy this stuff.</p>
<ul id= "Purchases" >
<li>a Tin of Beans</li>
<li class= "Sale" >Cheese</li>
<li class= "Sale Important" >Milk</li>
</ul>
<script type= "Text/javascript" src= "My_script.js" ></script>
</body>
/*------------------------my_script.js------------------------*/
function Getelementsbyclassname (node,classname) {
if (node.getelementsbyclassname) {
return Node.getelementsbyclassname (classname);
}
else{
var results=new Array ();
var elems=node.getelementsbytagname ("*");
for (Var i=0;i<elems.length;i++) {
if (Elems[i].classname.indexof (className)!=-1) {
Results[results.length]=elems[i];
}
}
return results;
}
}
var Shopping=document.getelementbyid ("Purchases")
var itsems=getelementsbyclassname (Shopping, "sale");
for (Var i=0;i<itsems.length;i++) {
Alert (typeof Itsems[i]);
}
The page now displays a warning box for both objects.
Compatibility of Getelementsbyclassname