javascript中的内联css值
如何在javascript中获得css属性 例:javascript中的内联css值,javascript,css,Javascript,Css,如何在javascript中获得css属性 例: <style> #body{ background:red; } </style> <script> function valid(form){ alert('enter'); var test = document.getElementById('body').style.background ;
<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">
#身体{
背景:红色;
}
函数有效(形式){
警报(“输入”);
var test=document.getElementById('body').style.background;
警报(测试“);
}
请注意,我无法获取背景色 元素上的
style
属性仅反映元素本身的样式信息(例如通过标记中的style
属性),而不是样式规则应用的任何内容。要获得这些,您需要:
主题外:通过诸如、或之类的库,这些内容变得更加容易。元素上的
style
属性仅反映元素本身中的样式信息(例如通过标记中的style
属性),而不是样式规则应用的任何内容。要获得这些,您需要:
主题外:有些东西通过库(如、、或)变得更简单。这可能会有帮助这可能会有助于我进入rgb如何进入十六进制?如何通过javascript更改现有值?@Ani:“…在rgb中如何进入十六进制”恐怕你必须解析它,请注意,不同浏览器的格式可能略有不同。“如何更改现有值”您可以通过指定元素的
样式
对象的属性来更改元素的值。要更改样式规则本身,您必须浏览样式表
列表,并浏览样式规则,这相当复杂。一些链接:*我正在使用rgb如何使用十六进制?如何通过javascript更改现有值?@Ani:“…在rgb中如何使用十六进制”恐怕您必须对其进行解析,并注意不同浏览器的格式可能略有不同。“如何更改现有值”您可以通过指定元素的样式
对象的属性来更改元素的值。要更改样式规则本身,您必须浏览样式表
列表,并浏览样式规则,这相当复杂。一些链接:*
var foo = document.getElementById('foo');
display("foo's background color is: " +
window.getComputedStyle(foo, null).getPropertyValue('background-color'));