jsを使用して20個のパス塗りつぶしの色を変更し、すべて同じクラスを持つ埋め込みSVGがあります。

Chrome では動作しますが、Firefox では動作しません。contentDocument と getSVGDocument() の両方を試しましたが、役に立ちませんでした。Firefoxでもlinks.lengthは20なので、問題はlinks[i].style.fillにあるようです

何か案は？

JavaScript で複数の ID を使用する方法がわかりません。単一の ID とgetElementByIdでは問題ありませんが、ID をクラスに変更して機能を使用しようとするとすぐに機能しgetElementsByClassNameなくなります。このトピックに関する約 100 の投稿を読みました。まだ答えが見つからないので、ここの誰かがgetElementsByClassName仕事をする方法を知っていることを願っています.

テストに使用した簡単なコードを次に示します。

同じクラス「ボックス」を持つボタンをクリックすると、すべての要素を削除したい。人々がこれを行ういくつかの例を調べましたが、私のコードでそれを行う方法を理解するのにまだ苦労しています.

ボタンがクリックされたときにDOMにボックスを追加するこの関数があります。

これは、別のボタンがクリックされたときにすべての新しい div をクリアしようとするために取り組んでいる関数です。

コンソールに表示される警告は、「parentElement が定義されていません」です。親要素を定義する方法を理解しようとしていますが、問題があります。どんな助けでも大歓迎です。ありがとう

以下のようなgetElementsByClassNameメソッドを使用して、特定のCSSクラスの属性値のリストを出力しようとしました。

ただし、すべての場合でtoto.length=1です。「200px」、「50px」、「red」の値を出力したいと思います。誰かが私を助けることができますか？よろしくお願いします。

画面のどこかをクリックすると、オブジェクトをクリックすると、少しコードが実行されるJavaScriptを作成しようとしています。（ダイアログボックスを閉じるには、夜間モードを削除するなど）

どうしたらいいのかよくわからない。私はいくつかのsudoコードについて考えましたが、これがjavascriptで実行できるかどうかはわかりません。

解決策: (Davidに感謝します）

ドキュメントを読み込んだ後、いくつかの要素を非表示にしようとしています。私はこれをなんとかすることができますが、またはgetElementByIdを使用している間はこれを行うことができません。getElementsByClassNamegetElementsByTagName

私はたくさんの質問と回答を読みましたが、解決策が見つかりません。これがサンプルのフィドルです。

javascript：

html：

length返されたクラス名 を取得したい

イベントリスナーを追加したい一連のボタンがあり、それらはすべて同じクラス名を共有しています。

removeButton = document.getElementsByClassName("removeButton");

私がそうするとき、私はremoveButton.lengthいつも得ます0、しかし私がそうするならば：

console.log(removeButton)そこにアイテムのリストがあります。

を繰り返してfor-loopイベントリスナーを割り当てることができるように、長さが必要です。

問題であると想定されるのは？

解決策
getElementsByClassNameを使用して要素を収集する前に、要素が存在することを確認してください