javascript - JavaScript 中的内联 css 值

标签 javascript css

我如何在 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/

相关文章:

html - 圆化 SVG 的 Angular

ios - 使用字体变体 : small-caps with font (latin extended) on safari

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

javascript - 打印数组列表

javascript - 通过 document.write 注入(inject)的脚本完成加载后执行函数?

html - 自定义悬停效果位置问题

javascript - 无论宽度如何,父 div 下方的中心下拉菜单

javascript - 为什么这个动画只有在第一步之后才会出现延迟?

javascript - 在 JavaScript 小书签中定义多个全局函数

javascript - 无法使用 CSS 在另一个图像上添加一个图像