ホームページ  >  記事  >  ウェブフロントエンド  >  動的に追加された HTML 要素にイベントをバインドする方法

動的に追加された HTML 要素にイベントをバインドする方法

不言
不言オリジナル
2018-07-07 10:47:182304ブラウズ

この記事では、動的に追加された HTML 要素のイベントをバインドする方法を主に紹介します。これは、必要な友達に参照してもらえるように共有します。ただし、要素は動的です。ロードされているため、クリックしても効果がありません。

1. onclick="funcName()" など、動的に追加するときにインライン イベントを追加します。

メソッド名に対応するメソッドを js に記述するだけです。バインディング メソッド内の要素が多すぎる場合は、方法 2 の使用を検討できます。子要素に関しては、親要素が動的に追加される要素ではなく、既存の要素であることが最善です。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

Web印刷機能

Vue+Electronはシンプルなデスクトップアプリケーションを実装します

以上が動的に追加された HTML 要素にイベントをバインドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:ウェブ印刷機能次の記事:ウェブ印刷機能