ホームページ  >  記事  >  ウェブフロントエンド  >  JSを使用してタグの内容を取得する方法

JSを使用してタグの内容を取得する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-06-04 18:00:013022ブラウズ

今回は、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(&#39;box&#39;);//    获取标签的内容
     var box1 = box.innerHTML;
     console.log(box1);</script>

JS コードとレンダリングは次のとおりです。

innerHTML はタグ内のコンテンツを取得します

タグのコンテンツをクリアしたい場合は、 innerHTML = "" です。 it

タグ内に内容を設定したい場合は、 innerHTML = "設定したいタグと内容を記入してください"; 内容を設定すると、元の内容がすべて上書きされます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

フィルターをグローバルに使用する方法


JS フレームワーク ライブラリの使用例の詳細な説明

以上がJSを使用してタグの内容を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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