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">

私は、背景色を取得することはできませんよ！

出典

2011-01-11 Ani

これは役立つかもしれませんhttp://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/ – Egalitarian

要素上のstyleプロパティは、スタイル規則によって適用されたものではなく、要素自体のスタイル情報（マークアップの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。

出典

2011-01-11 07:32:11

これは私を助けました – Ani

私は16進数で取得する方法をrgbになっていますか？ – Ani

JavaScript経由で既存の値を変更するにはどうすればよいですか？ – Ani

JavaScriptのインラインCSS値

答えて

関連する問題