在JavaScript 中按類別擷取元素,包括IE 相容性
根據元素的類別取得元素陣列是JavaScript 中的一項常見任務。但是,對於本身不支援 document.getElementsByClassName() 的瀏覽器(例如 IE),需要另一種方法。
一個流行的解是 Jonathan Snook 的函數。此函數使用正規表示式來測試每個元素的 className 屬性。然而,在 IE 中,它會拋出錯誤,指出「物件不支援此屬性或方法。」
關鍵是要意識到 getElementsByClassName() 不是文件物件的方法。相反,應該直接在要搜尋元素的節點上呼叫它:
function getElementsByClassName(node, classname) { var a = []; var re = new RegExp('(^| )' + classname + '( |$)'); var els = node.getElementsByTagName("*"); for (var i = 0, j = els.length; i < j; i++) { if (re.test(els[i].className)) a.push(els[i]); } return a; } var tabs = getElementsByClassName(document.body, 'tab');
對於IE8 ,更簡潔的方法是填充getElementsByClassName() 函數:
if (!document.getElementsByClassName) { document.getElementsByClassName = function (className) { return this.querySelectorAll("." + className); }; Element.prototype.getElementsByClassName = document.getElementsByClassName; } var tabs = document.getElementsByClassName('tab');
透過這些技術,您可以按類別檢索元素,確保與IE 和其他瀏覽器的相容性。
以上是如何在 JavaScript 中按類別檢索元素,特別是為了相容於 IE?的詳細內容。更多資訊請關注PHP中文網其他相關文章!