JS獲取標籤類名(class)應注意的事項

2021-10-22 17:26:35 字數 740 閱讀 2505

請將以下**複製貼上到自己的編譯器上執行,便於理解。

改變寬度

document.getelementsbyclassname('item')[0].style.width = '400px';
獲取的類名「item」是乙個陣列,應使用陣列的角度去選擇對應的類名

由示例可得:有兩個div的類名都是class=「item」,但發生寬度變化的只有最上面的div,是因為選擇類名時,使用下標[0],選擇了第乙個div

對應**為:

document.getelementsbyclassname('item')[0];
由示例可知:獲取類名,應首先判斷順序,而順序由**的上下排列構成,即下標[0],[1]

**演示:

僅僅獲取了類名陣列,而並沒有用下標去選擇對應的div,這會導致js控制無反應。往往這樣的錯誤是由於慣性思維,使用了獲取id的js**,認為獲取類名class也是同樣的寫法,但其實是錯誤的。

// 這樣的寫法是錯的.

document.getelementsbyclassname('item');

// 與獲取class同理.

document.getelementsbytagname('');

從全域性中通過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...

從全域性中通過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...

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

原生js方法 document.getelementsbyclassname 在ie8及其以下瀏覽器中不能使用,所以寫了乙個相容ie的方法。完整的頁面 如下 testjsgetcssclass.html type text css test class div style 列印js物件詳細資訊 fu...