JavaScript と jQuery が HTML 要素を検出できない
JavaScript と jQuery を使用して HTML 要素を操作しようとすると、イライラする問題が発生する可能性があります。未定義の要素の。これは、スクリプトが HTML ドキュメント内でまだ定義されていない要素にアクセスしようとしたときに発生します。
提供された HTML とスクリプトでは、「script.js」ファイルが、意図されている HTML 要素の前に読み込まれます。と対話します。これは、スクリプト タグがドキュメントの
セクションに配置されているのに対し、HTML 要素は セクションに定義されているためです。イベントのシーケンスを簡単に説明します。
この問題を解決するには、いくつかのオプションがあります:
スクリプト ブロックを移動する
最も簡単な解決策は、script タグを HTML ドキュメントの末尾、 の直前に移動することです。ボディ>タグ。この方法では、スクリプトがアクセスを試行する前に、すべての HTML 要素が定義されます。
jQuery の Ready 関数を使用する
jQuery には、次のことを指定できる Ready 関数が用意されています。 DOM の準備ができたときに実行されるコールバック関数。これにより、HTML 要素が定義された後にのみスクリプト コードが実行されるようになります。
Defer 属性を使用する
もう 1 つのオプションは、スクリプト タグに defer 属性を追加することです。 。ただし、この属性はすべてのブラウザでサポートされているわけではないため、注意して使用する必要があります。
これらの方法のいずれかに従うことで、JavaScript および jQuery コードがドキュメント内で定義されている HTML 要素と正常にやり取りできるようになります。 .
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。
Copyright© 2022 湘ICP备2022001581号-3