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

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 ドキュメントの両方で有効です。

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

要素に

を設定します。 p> により、js ファイルは

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