JS兼用IE的通過class名獲取CSS物件組

2021-07-02 14:12:44 字數 1131 閱讀 3728

原生js方法「document.getelementsbyclassname」在ie8及其以下瀏覽器中不能使用,所以寫了乙個相容ie的方法。

完整的頁面**如下:

testjsgetcssclass.html

type="text/css">

.test_class_div

style>

/** *列印js物件詳細資訊

*/function

alertobj

(obj)

alert(description);

}/**

*通過class名和標籤名獲取css樣式物件組

*/function

getclassnames

(classstr, tagname)

else

}return ret;}}

/***判斷節點class存在性

*/function

hasclass

(tagstr, classstr)

}return

false;

}script>

head>

class="test_class_div">11111111div>

class="test_class_div">22222222div>

class="test_class_div">33333333div>

//由於載入順序,獲取物件的**應寫在物件已載入之後

var divs = getclassnames('test_class_div', 'div');

if (null != divs)

}script>

body>

html>

執行結果:

初始字型顏色為紅色,通過物件組修改後為藍色。

firefox:

ie8:

從全域性中通過class類名獲取標籤

doctype html html head meta charset utf 8 title 全域性類名獲取 title meta name keywords content meta name description content style bgred blue style head bod...

Jquery選擇器 通過class名獲取ID

記錄一下自己不太熟悉的jquery選擇器的用法。按 class 查詢注意在 class 名稱前加乙個.var a red 所有節點包含 class red 都將返回 例如 red green red 查詢同時包含多個class名的物件,如同時包含 car 和 bus var a car.bus 注意...

從全域性中通過class類名獲取標籤

doctype html html head meta charset utf 8 title 全域性類名獲取 title meta name keywords content meta name description content style bgred blue style head bod...