classList を使用して、新規で div タグに class 名を付けようと思っています。 div に id 名を付け、それを対象とした場合は、class 名は付きますが、 id名を含めないタグのみでは、class 名は付かないのでしょうか? コードは以下記述の通りです。ご回答どうぞよろしくお願いいたします。 class-name on tag. var dom = document.getElementById( 'hoge' ); //以下のように使えるなら理想です。 //var dom = document.getElementByTagName( 'div' ); dom.classList.add( 'test' );

classList で、class名が付かない。

解決済

質問者：yukiling
質問日時：2013/06/26 18:26
回答数：2件

classList を使用して、新規で div タグに class 名を付けようと思っています。
div に id 名を付け、それを対象とした場合は、class 名は付きますが、
id名を含めないタグのみでは、class 名は付かないのでしょうか?

コードは以下記述の通りです。
ご回答どうぞよろしくお願いいたします。

<html>
<head></head>
<body>
<div id="hoge">class-name on tag.</div>

<script>
var dom = document.getElementById( 'hoge' );
//以下のように使えるなら理想です。
//var dom = document.getElementByTagName( 'div' );
dom.classList.add( 'test' );
</script>

</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2013/06/26 19:33

＞id名を含めないタグのみでは、class 名は付かないのでしょうか?

要素を特定できていれば、同じ方法で設定することが可能です。

getElementsByTagName()を利用した場合、返されるのは要素配列ですので、配列として処理するようにしてください。

＞dom.classList.add( 'test' );
簡略化した記述法をしたければ、jQueryなどを利用することでユーザが利用しやすい形での記法が用意されていますので、少し記述は違いますがイメージなさっているようなことも可能です。
ご提示のイメージの場合、
　$(".hoge").addClass("test");
みたいな記述で実現できると思います。
（クラスで選別した要素群にクラス名を設定することは、実質的にはあまりないと思いますが。）