ホームページ > ウェブフロントエンド > jsチュートリアル > js は、html() メソッドと text() メソッドを通じて p タグの表示値を取得および設定します。

js は、html() メソッドと text() メソッドを通じて p タグの表示値を取得および設定します。

不言
リリース: 2018-05-07 16:09:54
オリジナル
3578 人が閲覧しました

この記事では、html() メソッドと text() メソッドを通じて p タグの表示値を取得および設定するための js を主に紹介します。必要な場合は、

html() メソッドを参照してください

このメソッドは次のようなものです。 JavaScript 属性の innerHTML は、要素の HTML コンテンツの読み取りまたは設定に使用できます。要素のコンテンツを取得するには、これを実行できます:

コードをコピーします コードは次のとおりです:

var p_html = $("p").html(); //获取p元素的HTML代码
ログイン後にコピー

要素の HTML コードを設定する必要がある場合は、このメソッドを使用することもできます。パラメータを渡す必要があります。たとえば、p 要素の HTML コードを設定するには、次のコードを使用できます:

コードをコピー コードは次のとおりです:

//设置p元素的HTML代码 
$("p").html("欢迎您访问简明现代魔法图书馆~~");
ログイン後にコピー

注: html() メソッドは XHTML ドキュメントに使用できます。ただし、XML ドキュメントの場合はそうではありません。
text() メソッド
このメソッドは JavaScript の innerText 属性に似ており、要素内のテキスト コンテンツの読み取りまたは設定に使用できます。上記の HTML コードを引き続き使用し、text() メソッドを使用して p 要素を操作します:

コードをコピーします コードは次のとおりです:

var p_text = $("p").text(); //获取p元素的文本内容
ログイン後にコピー

必要に応じて、html() メソッドと同じです。要素のテキストコンテンツを設定するには、パラメーターを渡すことも必要です。たとえば、p 要素のテキスト コンテンツを設定するには、コードは次のとおりです。

コードをコピーします。 コードは次のとおりです。

// 设置p元素的文本内容 
$("p").text("欢迎您访问简明现代魔法图书馆~~");
ログイン後にコピー
次の 2 つの点に注意してください。

JavaScript の innerText 属性は使用できません。 Firefox ブラウザーで実行され、jQuery の text() メソッドはすべてのブラウザーをサポートします。
text() メソッドは、HTML ドキュメントと XML ドキュメントの両方に有効です。
フレンドリストを表示する場合、フレンドの名前を表示する

要素に

を設定します。 js ファイル

要素の ID は、text() メソッド $("#p"+userId).text(name);

を通じて動的に取得して割り当てることができます。

以上がjs は、html() メソッドと text() メソッドを通じて p タグの表示値を取得および設定します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート