JSを使用してタグの内容を取得する方法-jsチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2018-06-04 18:00:01

オリジナル

3032 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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