ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryのテキストとhtmlの違いは何ですか

jqueryのテキストとhtmlの違いは何ですか

WBOY
リリース: 2022-05-07 16:54:30
オリジナル
4267 人が閲覧しました

相違点: 1. html() メソッドが要素を取得および設定する場合、HTML コードが設定されます。 text() メソッドが要素を取得および設定する場合、要素のテキストの内容が設定されます。 html() メソッド xml の使用はサポートされていませんが、html と xml は text() メソッドでサポートされています。

jqueryのテキストとhtmlの違いは何ですか

このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

jquery における text と html の違いは何ですか

1.html() メソッド

このメソッドは、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 コードを取得します
jqueryのテキストとhtmlの違いは何ですか
要素の HTML コードを設定する必要がある場合は、このメソッドを使用することもできますが、それにパラメーターを渡す必要があります。たとえば、

要素の HTML コードを設定するには、次のコードを使用できます:

$("p").html("<strong>你最喜欢的男孩子是?</strong>"); //设置<p>元素的HTML代码</p>
ログイン後にコピー

注: html() メソッドは XHTML ドキュメントには使用できますが、XHTML ドキュメントには使用できません。 XML ドキュメント。

2. text() メソッド

このメソッドは JavaScript の innerText プロパティに似ており、要素内のテキストの読み取りと設定に使用できます。 。 コンテンツ。
上記の HTML コードを引き続き使用します:

<p><strong>你最喜欢的男孩子是?</strong></p>
ログイン後にコピー

text() メソッドを使用して

要素を取得します:

var p_text = $("p").text(); //获取<p>元素的文本内容alert(p_text); //打印</p><p>元素的文本内容</p>
ログイン後にコピー

コードを実行すると、効果図は次のようになります。
テキスト コンテンツのみを表示し、HTML コードを含めて表示することはありません
jqueryのテキストと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 ビデオ チュートリアル

以上がjqueryのテキストとhtmlの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート