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

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

不言
不言オリジナル
2018-05-07 16:09:543521ブラウズ

この記事では、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 ドキュメントの両方に有効です。
フレンドリストを表示する場合、フレンドの名前を表示する e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 要素に 0902c5e87743c2c26b0dd04c4b8b3f6694b3e26ee717c64999d7867364b1b4a3 を設定します。 js ファイル e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 要素の ID は、text() メソッド $("#p"+userId).text(name);

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

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

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