gpt4 book ai didi

javascript - 检索 CSS 值,而不是内联样式值

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:44:26 26 4
gpt4 key购买 nike

在 Javascript 中,我可以在不考虑其内联样式的情况下检索元素的 CSS 值吗?

示例:

body { font-size: 15px; }

<body style="font-size: 20px;">

有没有办法检索“15px”而不是“20px”?

最佳答案

当然可以!只需去掉 style 属性,使用 getComputedStyle(),然后添加 style 属性:

//Get the body's style attribute:
var bodyStyle = document.body.getAttribute("style");
//Now, get rid of it:
document.body.removeAttribute("style");
//Now use getComputedStyle() to compute the font size of the body and output it to the screen:
document.write( getComputedStyle(document.body).fontSize );
//Now add the style attribute back:
document.body.setAttribute("style", bodyStyle);
body { font-size: 15px; }
<body style="font-size: 20px;">
</body>

关于javascript - 检索 CSS 值,而不是内联样式值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32125099/

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