検索

ホームページ >ウェブフロントエンド >jsチュートリアル >.innerHTML 経由で追加されたインライン スクリプトを実行するにはどうすればよいですか?

.innerHTML 経由で追加されたインライン スクリプトを実行するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-11 02:50:13328ブラウズ

How to Execute Inline Scripts Added via .innerHTML?

.innerHTML 経由で挿入されたインライン スクリプトの実行

Q: .innerHTML プロパティを使用して要素に挿入されたスクリプトを実行するにはどうすればよいですか?

A: .innerHTML 経由で挿入されたスクリプトを実行するには、次の手順に従います。手順:

  1. 新しい関数の作成: HTML 要素 (elm) と挿入される HTML コンテンツ (html) の 2 つのパラメーターを取る setInnerHTML という関数を定義します。
  2. HTML を挿入: 要素の innerHTML を指定された HTML に設定します。 content.
  3. スクリプト要素の抽出: すべての <script> の配列を取得します。 </li> <li> <p><strong>スクリプトの反復</strong>: <script> をループします。 </p> <ul> <li>新しい <script> 要素を作成し、各スクリプトに対して次の手順を実行します。要素 (newScriptEl).</li> <li>元の <script> から属性をコピーします。 </script>
  4. 元の <script> の innerHTML を含むテキスト ノードを作成します。 </script>
  5. 元の