プレーンなjavaScriptでのクラス追加方法 IE7

javaScriptでクラスを追加したいのですが、IE7でうまくいきません。
どういった記述をすればいいのでしょうか？

以下試した方法

element.clsssList.add('current');
element.setAttribute('class','current');
element.className = 'current';

行動規範の内容に同意します

回答3件

ベストアンサー

IE7- の setAttribute はプロパティのアクセサとして動作するバグがあります。
しかし、className プロパティは通常通り、使えるはずです。

JavaScript
1element.className = 'current';    // className を上書きする (既存値は削除される)
2element.className += ' current';  // className に追加挿入する (既存値も残る)

Re: yukkon さん

投稿2016/10/20 03:04

think49

総合スコア18162

IEはプロパティ名などが特殊です。
element.setAttribute("className", "current");
でどうでしょうか。

参考：IE における setAttribute() や getAttribute() や removeAttribute() がだめだめな件
http://perl.no-tubo.net/2010/07/01/ie-%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B-setattribute-%E3%82%84-getattribute-%E3%82%84-removeattribute-%E3%81%8C%E3%81%A0%E3%82%81%E3%81%A0%E3%82%81%E3%81%AA%E4%BB%B6/

投稿2016/10/20 02:48

t-takayama

総合スコア167

ベタにクラス名の追加をしたいならダブリを避けるために、

まず追加したいclass名を削除し
すでに何かclassがついていればスペースを開けた上
新しいクラス名を追加

してやってください

javascript
1function addClass(ele,cn){
2  var reg=new RegExp("(^| +)"+cn+"(?= +|$)");
3  ele.className=ele.className.replace(reg,"");
4  if(ele.className!=="") ele.className+=" ";
5  ele.className+=cn;
6}
7
8addClass(document.getElementById("hoge"),'current');