gpt4 book ai didi

Javascript 获取 ID 的 CSS 样式

转载 作者:行者123 更新时间:2023-11-30 08:11:48 25 4
gpt4 key购买 nike

我希望能够从网页上未使用的 CSS 元素中获取样式。例如,这是页面:

<html>
<head>
<style type="text/css">
#custom{
background-color: #000;
}
</style>
</head>

<body>
<p>Hello world</p>
</body>
</html>

如您所见,ID“自定义”有一个值,但未在文档中使用。我想获取“自定义”的所有值而不在页面中使用它。我最接近的是:

el = document.getElementById('custom');
var result;
var styleProp = 'background-color';
if(el.currentStyle){
result = el.currentStyle[styleProp];
}else if (window.getComputedStyle){
result = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp);
}else{
result = "unknown";
}

最佳答案

创建一个具有给定 ID 的新元素并将其附加到文档中。然后只需读取值并删除元素。

例子:

var result,
el = document.body.appendChild(document.createElement("div")),
styleProp = 'background-color',
style;

el.id = 'custom';
style = el.currentStyle || window.getComputedStyle(el, null);
result = style[styleProp] || "unknown";

// Remove the element
document.body.removeChild(el);

关于Javascript 获取 ID 的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9311172/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com