JavaScript是一門常用的編程語言,用于網站開發和交互效果。當我們開始編寫JavaScript代碼時,獲取CSS表里的屬性往往是必須的。本文將向大家介紹如何使用JavaScript獲取CSS表里的屬性。
// 獲取css規則 function getCssRule(elem) { var sheets = document.styleSheets; var len = sheets.length; var res = []; for (var i = 0; i< len; i++) { var rules = sheets[i].cssRules; for (var j = 0; j< rules.length; j++) { if (elem.matches(rules[j].selectorText)) { res.push(rules[j]); } } } return res; } // 獲取css屬性的值 function getCssPropertyValue(elem, property) { var rules = getCssRule(elem); for (var i = 0; i< rules.length; i++) { if (rules[i].style[property]) { return rules[i].style[property]; } } return null; }
上述代碼定義了兩個函數:getCssRule函數用于獲取CSS規則(styleSheets和cssRules),并返回相應的規則,getCssPropertyValue函數則是用于獲取CSS屬性的值。
使用這些函數,對于指定的元素和屬性,可以通過以下方式獲取CSS屬性的值:
var elem = document.getElementById('myElem'); var property = 'background-color'; var res = getCssPropertyValue(elem, property); //返回背景顏色的值
以上就是如何在JavaScript中獲取CSS表里的屬性的介紹,希望可以幫助大家加強JS的應用。