問題タブ [getelementsbyclassname]

作成中の新しいサイトの Web コードを絞り込もうとしています。私が探していると思われるこの答えを見つけましたが、うまくいきません: https://stackoverflow.com/questions/13483194#13483649

jQuery以外の回答を試みていましたが、ページをFirefoxにロードしてボタンを押しても何も起こらないため、何かが足りないようです。私は phpDesigner ソフトウェアを使用しており、コピーを .htm ファイルに貼り付けてから Firefox で実行しています。

ここに私がしたコードがあります：

JavaScript:

HTML:

いくつかのdivと他の要素を含むiframeがあります。いくつかのテキストボックスのうちの1つにフォーカスを設定したいと思います。

私が使用した：

次のコードを使用して、テキストボックスオブジェクトにアクセスできます。

ただし、インデックスをハードコーディングするのではなく、より一般的なメソッドを使用してオブジェクトを取得したいと思います。

このテキストボックスには一意のクラス名があるため、次のコードを試してみました。

しかし、私はエラーです：

テキストボックスのHTMLは次のとおりです。

誰かがiFrameのこれら2つの方法の違いを手伝ってもらえますか？

次のコードが機能します (アラートがポップアップ表示されます)。

しかし、なぜこれが機能しないのでしょうか。

これは、getElementsByClassName が getElementById とは異なるものを返す場合にも機能しません。

変更したのは ID の代わりであり、(このオーディオ プレーヤーのインスタンスが複数あるため) クラスを指定し、getElementById の代わりに getElementsByClassName を使用しました。getElementsByClassName は現在、すべてのブラウザーと互換性があると思いましたか? 最新の Firefox を使用しています。

私は複数の要素に資金を提供し、それらのスタイルを変更するために使用していますが、クロスブラウザーとの互換性がないgetElementsByClassNameことがわかりました. getElementsByClassNameこのコードを簡素化するのを手伝ってくれませんか。私はネイティブ JS 実装を好みますが、jQuery の方がおそらく優れているので、それも問題ありません....

では、個々のクラスに応じて要素をループして、スタイルを変更するにはどうすればよいでしょうか....

これら 2 つの方法のうち、2 番目のオプションは、より優れた、より高速なソリューションを提供します。

第 1 のオプション: 私の関数は要素「商品」を渡します。次に、DOM を横断して、私の要素を含む li に到達します。

2番目のオプションは、必要な要素をクラス名で簡単に取得することです。

このプロジェクトが9未満のものをサポートすることは特に必要ではありませんが、試してみたいと思います.2番目のオプションは失格になりますが、私の質問は次のとおりです。すなわちサポートの？

「データ量」の値を置き換える値を求めようとしています

私は追加しました

以下のこのスクリプトですべてを試してみましたが、成功しませんでした。

いくつかの入力要素を入力しようとしたときに、いくつかの問題が発生しました。

そのためにJavaScriptを使用します。

このメソッドを使用してgetElementsByClassName('name_of_class')、要素のノードを収集します。

次に、ループを使用してこのノードを実行しようとしますが、プロンプトで要求される同じ値で入力されたすべての要素を埋めようとすると成功しません。

document.getElementByClassName('name_class').value実際、これは一意の要素ではないため、使用しようとすると間違っていると思いますが、この入力を入力する方法をループすると、動的に作成され、 IDなし。

これが私のコードです

どんな助けでも大歓迎です。

ライブラリはもう必要ありませんが、純粋なjavascriptをスキップしてjQueryを学びに行ったので、まだ純粋なjavascriptを学ぼうとしています。とにかく、純粋な JavaScript についていくつか質問があります。

最初の質問:

のエラーが発生し続けます

これについてどうすればいいですか？

基本的に上記と同じコードに関連する次の質問ですが、jQuery には が.prepend()あり.append()、上記に追加の HTML を挿入するにはどうすればよいvar profileですか?

3番目で最後の質問

この種の問題を解決したいと思います。代わりにループ関数を学習してきましたが.each()、これが私が思いついたものですが、エラーが発生しています

当面の質問は、for ループ関数内でループを選択していることを実際に確認するにはどうすればよいかということです。私はしますか

A ) a[i].getEle...

また

B ) a.getEle...

これらの質問に対する回答は役に立ちます。jQuery の使用にうんざりしています。

以下の回答とコメントで

これ書けるか見てみよう

コードに問題がある場合はお知らせください。ありがとうございます。

getElementsByClassName を使用して Java スクリプトを使用してボタンのスタイルを変更しようとしています。うまくいかないようです。Firebug で「引数が足りません - list[index].setAttribute("button");」と表示されます。エラー。

私のコードは次のようになります。

どんな助けでも大歓迎です。ありがとう。

要素のクラスを変更してプロパティを変更する関数を作成しました。何らかの理由で、一部の要素のみが変更されました。解決策を見つけるのに数時間かかりましたが、それは私には奇妙に思えます。おそらくあなたは私にこれを説明することができます。

これは機能していません：

JSFiddleを参照してください。1つおきのアイテムのみが影響を受けます。1つおきの赤い要素だけが色を青に変えます。

forそこで、ループの最終式を変更して、iもうインクリメントしないようにしました。

これはうまくいきます！呼び出されたようpushで、増分は必要ありません。これは正常ですか？私が見た例とは異なります。