標籤：utf-8 操作 相容 blog oct 瀏覽器 問題 相容性問題 type
dom操作中的getElementByClassName（）在ie6、7、8中具有相容性問題，而在進階瀏覽器中就不存在這種問題。以下通過代碼對getElementByClassName()的封裝 。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 100px; height: 100px; background-color: pink; margin: 10px; } </style> <script> window.onload = function(){ console.log(getClass("test").length); } function getClass(className){ //如果瀏覽器支援著，則直接返回 if(document.getElementsByClassName){ return document.getElementsByClassName(className); } //不支援的瀏覽器 var arr = []; var dom = document.getElementsByTagName("*"); for(var i=0; i < dom.length; i++){// if(dom[i].className == className){// arr.push(dom[i]);// }i //改進後的class var txt = dom[i].split(" ");//["dome","test"] for(var j=0; j < txt.length; j++){ if(txt[j] == className){ arr.push(dom[i]); } } } return arr; } /* 原理，遍曆所有的div。通過每個div的className來判斷 */ </script></head><body></body><div class="dome"></div><div></div><div class="test"></div><div></div><div class="dome test"></div><div></div><div></div><div></div><div class="dome"></div><div></div></html>
js--封裝類名的dom操作
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
