ホームページ > 記事 > ウェブフロントエンド > JSを使用してタグの内容を取得する方法
今回は、JSを使用してタグの内容を取得する方法と、JSを使用してタグの内容を取得する際の注意事項について説明します。以下は実際のケースです。
日常の JS プログラミングでは、タグの内容を取得して操作する必要があることがよくありますが、見落としがちな詳細がたくさんあります。ここからは私が普段使っている方法をもとに簡単にまとめてみます。間違いがある場合は修正してください。例 HTML 構造は次のとおりです:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="box"> <p>这有个 第一个p</p> <p>这有个第二个p</p> <span>这是个 span</span> <br> <a href="#">这有个a标签</a> </p> </body> </html>このメソッドは、ラベル、スペース、テキスト、変更などを含む、ラベルのすべてのコンテンツを取得できます。
メソッド 1、innerHTML
<script> var box = document.getElementById('box');// 获取标签的内容 var box1 = box.innerHTML; console.log(box1);</script>
JS コードとレンダリングは次のとおりです。
innerHTML はタグ内のコンテンツを取得します
タグのコンテンツをクリアしたい場合は、 innerHTML = "" です。 it
タグ内に内容を設定したい場合は、 innerHTML = "設定したいタグと内容を記入してください"; 内容を設定すると、元の内容がすべて上書きされます。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨書籍:フィルターをグローバルに使用する方法
以上がJSを使用してタグの内容を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。