No.2ベストアンサー
- 回答日時:
まずgetElementsByClassName()自体をサポートしているかどうかがひっかかります
それとelementsとあるように複数のオブジェクトをつかみますので
forなどで処理を回す必要があります。
<script>
window.onload=function(){
var n=document.getElementsByClassName("red");
for(var i=0;i<n.length;i++){
n[i].className = "green";
}
}
</script>
<style>
.red{background-Color:red;}
.green{background-Color:green;}
</style>
<div class="red">test</div>
なお、クラス名をダイレクトで変えてしまうと、他の属性をつけている場合
それもクリアになってしまうので、気をつけてください
class="hoge fuga"のオブジェクトを、hogeを起点にpiyoに変えてしまうと
fugaは残しておきたかったのにclass="piyo"になってしまったりするということ
この回答へのお礼
お礼日時:2013/02/15 20:10
早速のご回答ありがとうございます。
var n=document.getElementsByClassName("red");
for(var i=0;i<n.length;i++){
n[i].className = "green";
}
とても参考になります。
勉強になります。
No.1
- 回答日時:
DOM Level4 で定義されてますので、
http://www.w3.org/TR/dom/#dom-document-getelemen …
ブラウザによっては使用できます。
https://developer.mozilla.org/ja/docs/DOM/docume …
クロスブラウザで利用したいなら、prototype.js か jQuery を用いるといいでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- C言語・C++・C# Makefileのechoの展開について 2 2022/07/26 07:35
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- その他(プログラミング・Web制作) zshの例外処理 1 2022/06/02 16:36
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- PDF I LOVE PDF利用 pdfからWordに変換について 回答お願いいたします。 無料のI LOV 1 2022/05/13 13:24
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javaScriptでグローバル変数に...
-
jquery か javascript で json ...
-
ローカルのレジストリを読みたい
-
JavaScriptでオブジェクトを識...
-
Webページ中の javascript をVB...
-
【javascript】プロパティ?オ...
-
正整数の半角数字かどうか判定する
-
JavaScriptでテキス...
-
「終了していない文字列型の定...
-
ASP(VBS) ←→ JavaScript の変数...
-
VB.NET2003 テキストボックスに...
-
Vba SelStart、SelLen教えてく...
-
JSPの処理の途中で、JavaScript...
-
Ajax以外で、JavaScriptからPHP...
-
「光の三原色」みたいな「三つ...
-
Javascriptエラーの原因が分か...
-
csvファイルを読み込み、該当項...
-
Win版IllustratorCS3でJavascri...
-
VBScript から JavaScript を呼...
-
初心者です。gulpでコンパイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ローカルのレジストリを読みたい
-
Webページ中の javascript をVB...
-
jquery か javascript で json ...
-
エクセル2010のvbaについて
-
javaScriptでグローバル変数に...
-
画面間でのJavaScrip...
-
文字を移動させその位置を表示...
-
フォルダ内のファイル名を取得...
-
オライリーのプログラミングPHP...
-
ASP.NETでURLにマッピングされ...
-
CSSのクラスを動的に変更 classで
-
イベントevt?evt.target:event....
-
一定時間経つと画像を消す方法
-
クラス デフォルトプロパティの...
-
event.srcElementの動的設定
-
「リンク」と「ハイパーリンク...
-
VBAの引数の指定 カッコとイコ...
-
strictモードでなぜエラーにな...
-
JSの「document.getElementById...
-
Shell.ApplicationでのIEオブ...
おすすめ情報