從全域性中通過class類名獲取標籤
阿新 • • 發佈：2019-02-16
<!doctype html> <html> <head> <meta charset="utf-8"> <title>全域性類名獲取</title> <meta name="keywords" content=""> <meta name="description" content=""> <style> *{margin:0; padding:0; list-style:none;} .bgred{ background: red; } .blue{ color: blue; } </style> </head> <body> <ul> <li class="bgred">111</li> <li class="bgred blue">222</li> <li class="bgred">333</li> <li class="bgred">111</li> <li class="bgred blue">222</li><li class="bgred">333</li> </ul> <script> function byClass1(oClass){//全域性獲取 var tags=document.all?document.all:document.getElementsByTagName('*'); var arr=[]; for (var i = 0; i < tags.length; i++) { var classNa=tags[i].className; var num=classNa.indexOf(oClass,0); if (num!=-1) { arr.push(tags[i]); }; }; return arr; } var liRed=byClass1('bgred'); alert(liRed.length);//6 </script> </body> </html>
通過標籤名和ID名我們可以很容易的獲得想要操作的標籤，但通過類名獲取大家有沒有想過呢，上面的程式碼可以實現從全域性中通過類名獲取標籤進行操作；