欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

js獲取css表里的屬性

方一強2年前7瀏覽0評論

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的應用。