(cache) IEでsetAttributeでclassが定義できない件について

2008-12-09

IEでsetAttributeでclassが定義できない件について

なんでクラスが変わらないのかなーと思っていろいろ調べてみたら、

IEはDOM オブジェクトのプロパティと属性をごっちゃにしているらしい。

つまり、

こう書いても

<style type="text/css">
.hoge {
  background-color:red;
}
</style>

<body>
   <span class="hoge">hogeクラスの中身</span>
</body>
<script type="text/javascript">
　var span = document.body.appendChild(document.createElement('span'));
  span.innerHTML='クラスが適用されない。';
  span.setAttribute('class', 'hoge');
</script>

追加した要素にhogeクラスは適用されない。

だが、

<style type="text/css">
.hoge {
  background-color:red;
}
</style>

<body>
   <span class="hoge">hogeクラスの中身</span>
</body>
<script type="text/javascript">
　var span = document.body.appendChild(document.createElement('span'));
  span.innerHTML='classが適用される。';
  span.className = 'hoge';
</script>

こういう風に書くと適用された。

IEの仕様ってどうなってるんだ。

コメントを書く

トラックバック - http://d.hatena.ne.jp/invent/20081209/1228819808

リンク元

		2008/12
日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31