gpt4 book ai didi

javascript - JavaScript 中的内联 css 值

转载 作者:太空宇宙 更新时间:2023-11-03 20:23:37 25 4
gpt4 key购买 nike

我如何在 javascript 中获取 css 属性!

例如:

  <style>
#body{
background:red;
}
</style>

<script>
function valid(form){
alert('enter');
var test = document.getElementById('body').style.background ;
alert(test');
}
</script>
</head>
<body id="body">

警告我无法获得背景颜色!

最佳答案

元素的 style 属性仅反射(reflect)元素本身的样式信息(例如通过标记中的 style 属性),而不是样式规则应用的任何内容。要获得这些,您需要 getComputedStyle :

var foo = document.getElementById('foo');
display("foo's background color is: " +
window.getComputedStyle(foo, null).getPropertyValue('background-color'));

Live example


题外话:jQuery 等库使其中一些内容变得更容易, Prototype , YUI , Closure , 或 any of several others .

关于javascript - JavaScript 中的内联 css 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4655185/

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