如何根據元素的className獲取元素?

2022-06-15 07:30:16 字數 569 閱讀 8701

getelementsbyclassname()是html5 新增的dom api。ie8以下不支援

我們知道,原生的方法,是getelementbyid()和getelementsbytagname(),這兩個不會有相容問題,但是遇到class的問題還是沒法解決。所以這裡總結兩種封裝方法,可以用它們來獲取指定的class元素。當然,對於現代瀏覽器開發,還可以使用queryselector()和queryselectorall(),他們的功能更加強大。

1.陣列遍歷的方法:

function

getbyclass(sclass,oparent) }}

return

arr;

}

2.正則匹配的方法:

function

getelementsbyclassname(oparent, sclass)

}return

result;

}

最後,值得一提是,前端頁面實現中,效能的影響往往出現在dom的操作中。此外,還要注意元素的回流和重繪問題。

摘自:

HashMap中如何根據key算出元素的儲存位置

jdk7中,根據object型別的key計算出其在陣列中的下標位置,hashmap的資料結構是陣列 鍊錶。由2個方法hash object key 和indexfor int h,int length 來實現。hash 該方法主要是將object轉換成乙個整型。indexfor 該方法主要是將has...

CSS根據元素的屬性來選擇元素

css 2 引入了屬性選擇器。屬性選擇器可以根據元素的屬性及屬性值來選擇元素。如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。如果您希望把包含標題 title 的所有元素變為紅色,可以寫作 title 與上面類似,可以只對有 href 屬性的錨 a 元素 應用樣式 a hr...

根據html元素的型別設定元素的值

獲取input select checkbox radio的值 param id param nodeattribute param str valuestr或valuenum 不填預設valuestr function getfromhtml id,nodeattribute,str else e...