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

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

WBOY
WBOYオリジナル
2016-05-16 16:48:181126ブラウズ
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); を割り当てることができます。方法。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。