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 ;

如何在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">

#身体{
背景:红色;
}
函数有效(形式){
警报(“输入”);
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'));