<スクリプト> を実行しています。 AJAX 経由で挿入される要素 特定のシナリオでは、AJAX 呼び出しにより を含むコンテンツがフェッチされる場合があります。タグ。ただし、これらのタグ内のスクリプト コードは、DOM に挿入された後に実行に失敗する可能性があります。</p> <p><strong>問題の説明:</strong></p> <p>次の HTML 構造を考慮してください:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">ログイン後にコピー</div></div><div class="contentsignin">ログイン後にコピー</div></div> <p>AJAX リクエストが行われ、PHP ファイルからのデータを「Content」div に設定します。 PHP 応答に次のコードが含まれているとします。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">ログイン後にコピー</div></div><div class="contentsignin">ログイン後にコピー</div></div> <p>AJAX リクエストが完了すると、挿入された <script>挿入時に DOM にアクセスできないため、タグが実行されない可能性があります。</p> <p><strong>解決策:</strong></p> <p>挿入された <script> を実行するにはコードを作成するには、次の JavaScript テクニックを利用できます。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var arr = MyDiv.getElementsByTagName('script'); for (var n = 0; n < arr.length; n++) eval(arr[n].innerHTML);//run script inside div</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>このコードは、すべての <script> を取得します。指定された div 内の要素を抽出し、その innerHTML を評価して、要素に含まれるコードを効果的に実行します。</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
