ホームページ > 記事 > ウェブフロントエンド > jqueryのテキストとhtmlの違いは何ですか
相違点: 1. html() メソッドが要素を取得および設定する場合、HTML コードが設定されます。 text() メソッドが要素を取得および設定する場合、要素のテキストの内容が設定されます。 html() メソッド xml の使用はサポートされていませんが、html と xml は text() メソッドでサポートされています。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
このメソッドは、JavaScript の innerHTML 属性に似ています。特定の要素の HTML コンテンツの読み取りまたは設定に使用できます
効果をより明確に表示するには、
要素の HTML コードを次のように変更します:
<p><strong>你最喜欢的男孩子是?</strong></p><p></p>
次に、 html() メソッドを
要素に追加して取得します:
var p_html = $("p").html(); //获取<p>元素中的HTML代码alert(p_html); //打印</p><p>元素的HTML代码</p>
コードを実行すると、効果図は次のようになります:
p 要素全体の HTML コードを取得します
要素の HTML コードを設定する必要がある場合は、このメソッドを使用することもできますが、それにパラメーターを渡す必要があります。たとえば、
要素の HTML コードを設定するには、次のコードを使用できます:
$("p").html("<strong>你最喜欢的男孩子是?</strong>"); //设置<p>元素的HTML代码</p>
注: html() メソッドは XHTML ドキュメントには使用できますが、XHTML ドキュメントには使用できません。 XML ドキュメント。
このメソッドは JavaScript の innerText プロパティに似ており、要素内のテキストの読み取りと設定に使用できます。 。 コンテンツ。
上記の HTML コードを引き続き使用します:
<p><strong>你最喜欢的男孩子是?</strong></p>
text() メソッドを使用して
要素を取得します:
var p_text = $("p").text(); //获取<p>元素的文本内容alert(p_text); //打印</p><p>元素的文本内容</p>
コードを実行すると、効果図は次のようになります。
テキスト コンテンツのみを表示し、HTML コードを含めて表示することはありません
テキスト コンテンツを設定する必要がある場合は、html() メソッドと同じです。要素の場合は、パラメータを渡す必要もあります。たとえば、
要素のテキスト コンテンツを設定するには、コードは次のとおりです:
$("p").text("你最喜欢的男孩子是?"); //设置<p>元素的文本内容</p>
注: (1) JavaScript の innerText 属性は、Firefox ブラウザの一部のバージョンでは実行できません。 、および jQuery text() メソッドはすべてのブラウザをサポートします。
(2) text() メソッドは、HTML ドキュメントと XML ドキュメントの両方に有効です。
概要:
1. html() メソッドが要素を取得および設定するときに、HTML コードを設定します。
2. text() メソッドが要素を取得および設定するときに、HTML コードを設定します。要素を設定すると、要素のテキスト コンテンツが設定されます
3。html() メソッドは xml をサポートしませんが、text() メソッドは html と xml
以上がjqueryのテキストとhtmlの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。