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

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

WBOY

リリース： 2016-05-16 16:48:18

オリジナル

1155 人が閲覧しました

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 と同じ() メソッドを要素 Text コンテンツに設定する必要がある場合は、パラメーターも渡す必要があります。たとえば、p 要素のテキストコンテンツを設定するには、コードは次のとおりです。

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

/ / p 要素のテキスト内容を設定します 
$("p").text("Welcome to the Concise Modern Magic Library~~"); 🎜> 
次の 2 つの点に注意してください: 

JavaScript の innerText 属性は Firefox ブラウザーでは実行できませんが、jQuery の text() メソッドはすべてのブラウザーをサポートします。
text() メソッドは、HTML ドキュメントと XML ドキュメントの両方で有効です。

フレンドリストを表示する場合、フレンドの名前を表示する

要素に

により、js ファイルは

要素の ID を取得し、text() を通じて値 $("#p" userId).text(name); を割り当てることができます。方法。