問題タブ [getelementbyid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
5337 参照

javascript - IDが存在することがわかっているのに、document.getElementById()がnull値を返すのはなぜですか?

私は仕事でCMSテンプレート用のカスタムJavascriptに取り組んでいます。<li>ページ上の特定の要素がそのページの「現在」のクラスのみを受け取るようにしたいと思います。したがって、グローバルページヘッドには次のようなものがあります。

次に、個々のページ<head>に、次のようなものがあります。

<ul>このページには、次のようなナビゲーションがあります。

ページをロードすると、クラスが適用されません。Firebugコンソールを見ると、次のエラーメッセージが表示されます。

私はまだしっかりした生のJavaScriptを書くコツをつかんでいます(jQueryの後で逆に学習します、あなたはそれがどうなるか知っています)、しかし私はそれをJSだけで書きたいです。私が犯しているばかげた初心者の間違いは何ですか?

みんな、ありがとう!

0 投票する
2 に答える
694 参照

javascript - javascript テキストボックス: テキストを入力すると、すぐに別のテキストボックスに表示されます

Javascripters、「パズル」: シンプルな HTML フォームを使用して、2 つのテキスト ボックスを作成します。テキストボックス#1に入力したテキスト(たとえば、 asdfasdfのようなランダムな文字列)は、ボタンを押したりフォーカスを変更したりすることなく、すぐにテキストボックス#2に表示されますを使用して実行できますgetElementByIDか?

0 投票する
3 に答える
639 参照

javascript - document.getElementByID を使用して画像を更新する前に、JavaScript 警告メッセージが表示されるのはなぜですか?

私の JavaScript コードでは、最初に関数を呼び出して画像を更新しています。

次に、いくつかのステートメントの後で、メッセージを表示するために alert() 関数が呼び出されます。

ただし、このコードを実行すると、実際には、画像が更新される前にアラート ボックスが表示されます。ダイアログの [OK] ボタンをクリックしてアラート ボックスを削除すると、画像が更新されます。

これらのイベントの順序が保持されないのはなぜですか? また、警告ダイアログが表示される前にイメージの更新が完了するのを待つために呼び出すことができる同期関数はありますか?

私は何らかの方法でコードを再構築することにオープンです (つまり、alert() 関数以外のものを使用します) が、既存のコードが意図したとおりに動作できるようにするソリューションを好みます。

0 投票する
2 に答える
130 参照

jquery - jQuery - 複数のオブジェクトに対してAPIコマンドを繰り返しますが、一意のIDを使用していますか?

ページに Vimeos のスタックがありますが、同時に再生されるため、すべてミュートにしたいと考えています。

1つのvimeoだけで動作しています。各vimeoに一意のIDが必要なためです。しかし、私はビデオに別のことをすることに興味はありません。私は彼らに 1 つのルールを与えたいだけで、明らかに、新しい vimeo をアップロードするたびにそれを書き出す必要はありません。

vimeoのIDをすべてplayer_1にしてみましたが、うまくいきません。何らかの理由で JS に getElementByClass がありません。このようなことに重宝します。

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

テストページはこちら

0 投票する
2 に答える
146 参照

javascript - jQueryで複数の画像に関数を適用するにはどうすればよいですか?

(おそらく)本当に単純なことで少し助けが必要です。

画像をカラーからグレースケールに変換するスクリプトを使用したいと考えています。最初の画像は灰色に変わりますが、2 番目の画像は変わりません。

これは、IDを複数回使用できないためです。

私はこれを試しました:

しかし、うまくいきませんでした。に変更してgetElementByClassも機能しません。(人々が尋ねる前に、タグのidto クラスを変更しました。)<img>

私は本当にここでいくつかの助けを借りることができました. 前もって感謝します!

0 投票する
4 に答える
704 参照

javascript - Javascript のデバッグ - スクリプトは getElementById('id').value ではなく、ハードコードされた変数で動作します

私が書いた JavaScript をデバッグしようとしていますが、なぜ機能しないのかわかりません。変数をハードコーディングすると問題なく動作しますが、document.getElementById('id').value を使用して変数を取得すると失敗します。

以下の例は正常に動作しますが、コメント行のコメントを外すとすぐに動作しません。2 番目のセクションの前後に変数を出力すると、同じように見えます。

本当に何が起こっているのかわかりません。多分私はそれで寝る必要がありますが、誰かが素晴らしい提案を持っていれば!

0 投票する
3 に答える
899 参照

javascript - なぜ私の要素はnullなのですか?

alert値(以下を参照)を実行すると、なぜ返されるのnullですか?そのIDを持つ要素が存在する場合は?

divは以下のとおりです。

0 投票する
2 に答える
350 参照

php - PHP と Javascript を使用して MySQL からデータを分割すると、IE では機能しますが、FF では機能しません。

ページに次の JavaScript 関数があります。

フォームの下には、次のものがあります。

本質的に、PHP は、MySQL からプルされたデータ要素を SELECT ボックスの OPTION VALUE 部分にパックすることになっています。ユーザーがレコードを選択すると、JavaScript はパックされたデータを分離し、フォームの他のデータ要素を入力します。IE ではすべてうまく機能しますが、FF ではフィールドにデータが入力されません。

フォームはやや長いですが、完全を期すために記載します。

0 投票する
7 に答える
111345 参照

javascript - jQueryを使用して、指定されたIDを持つすべての要素を削除します

でいくつかのスパンを持つフォームがありid="myid"ます。この ID を持つすべての要素を DOM から削除できるようにしたいのですが、jQuery が最適な方法だと思います。$.remove()メソッドを使用して、この ID の 1 つのインスタンスを削除する方法を次のように単純に考え出しました。

もちろん、それは myid の最初のインスタンスを削除するだけです。myid のすべてのインスタンスを繰り返し処理し、それらをすべて削除するにはどうすればよいですか? jQuery メソッドがその方法かもしれないと思ったの$.each()ですが、myid のすべてのインスタンスを反復処理してすべて削除する構文がわかりません。

通常の JS (jQuery を使用しない) でこれを行うクリーンな方法があれば、私もそれを受け入れます。おそらく問題は、ID が一意であると想定されていることです (つまり、複数の要素を持つことは想定されていませんid="myid")。

0 投票する
4 に答える
843 参照

javascript - getElementById の結果が null?

いくつかのコメディアン コードのメソッドとして使用されている Javascript クラスに苦労しているだけですが、このコードのコンストラクタをどのように作成すればよいでしょうか? 次のコードは無効です:

this.gContainer が null です