js DOMスタイルを変更する3つの方法

方法1:最も簡単で最も直接的な方法はDomNodeのstyle属性を直接修正することです:以下のコード`のようです

var node = document.getElementById('node');
node.style.color = 'red';

方式2:表現は表現層であるべきcssが行うことであるため、このようなコードを以下のようにすることができる.

 var node = document.getElementById('node');
 node.className = 'testStyle';

方法3:上記の2つの方法はいずれもロット処理に適用されない.次は3番目のコードです.

<script type="text/javascript"> //      ，           function addStyleNode(str){ var styleNode = document.createElement('style'); styleNode.type = 'text/css'; if(styleNode.styleSheet){ styleNode.styleSheet.cssText = str;//ie    style.cssText      }else{ styleNode.innHTML = str;//firefox     innHTML     } document.getElementsByTagName('head')[0].appendChild(styleNode); } addStyleNode('span{font-size:40px;background:#000,color:#fff} #test{color:red}'); </script>

これが以上の3つの方法で、実際のニーズに合わせて適切なものを選ぶことができます.