jQuery set intext（）、innerhtml（）、textcontent（）

コアポイント

JavaScriptと組み合わせたJQueryは、HTML要素のテキストコンテンツを変更して、新しいテキスト、画像、コードなどを含めることができます。この記事では、3つのjQuery関数に焦点を当てています。
• innerText()innerHTML()関数は、ページの要素のfunction modifys htmlを含む、要素の開始ラベルとエンドラベルの間にテキストを書き込みますが、ページ要素のテキストを削除します。 textContent()
• 関数には新しいラインの問題があります。innerText()関数のような2つの段落の間に新しいラインを表示しません。この機能は、Firefox、Chrome、およびOperaによってサポートされていますが、Internet Explorerをサポートしていません。 innerHTML() textContent()
と
• はHTML要素の内容を操作するために使用されますが、jQueryでは異なる動作をします。 textContent()要素のHTMLコンテンツを取得または設定し、HTML文字列を解析し、HTMLとしてレンダリングします。 innerText()
• jQueryをJavaScriptと組み合わせて使用​​して、HTML要素のテキストコンテンツを変更し、テキスト、画像、コード、または必要なものなどの新しいコンテンツを含めるように設定できます。次のJavaScript関数を詳細に紹介し、それらの使用方法、タイミング、および適用可能なシナリオを示します。この記事では、次のjQuery関数について説明します。 innerText innerHTMLinnerHTMLjquery innerText function

innerText()文法：innerHTML() textContent()

関数：innerText()JavaScriptは、属性を読み取り、書き込み、要素の開始ラベルとエンドラベルの間にテキストを指定します。

動作：ラインブレークが含まれます。 document.elementID.innerText = value

ブラウザの互換性：

テストしたすべてのブラウザで正しく動作します。

基本的な例：

javascriptfunction innerText()

グラマー：

<p>段落内文本</p>

// ieのみ

innerHTML()関数：ネイティブJavaScript関数ページ要素内でHTMLを変更します。

動作：newlinesを削除します。 document.getElementById("elementID").innerHTML = value document.all.elementID.innerHTML = value

ブラウザの互換性：

すべてのブラウザーでサポートされています。

基本的な例：

高度な例：タグを正規表現に置き換え、innerHTMLと同様に機能することを確認します。最後の

は、すべてのHTMLタグを削除する正規表現です。

<p>段落内文本</p>

jquery textContent() function

文法：

<p>段落内文本</p>

関数：jQueryのFirefox関数。ページ要素のテキストを変更するために使用されます。

動作：newlinesを削除します。

ブラウザの互換性：Firefoxには、ChromeとOperaによってもサポートされている独自の属性がありますが、IEはそれらをサポートしていません！ textContent

基本的な例：以下のHTMLスニペットを与えられた：<div id="divA">这是一些文本</div>

var message = div.innerHTML.replace(/<br>/gi,"\n").replace(/(<([^>]+)>)/gi, "");

ラインブレーク文字問題

「para1」と「para2」を中央にラインブレークを表示しますが、innerText()は表示されません：textContent()

// ie/innertext（）：para1 para2 // ff/textcontent（）：para1para2

html/jsコードはすべての関数をテストし、1つを選択します！

ページ要素を変更するために使用できる他のjQuery関数：

var text = element.textContent;
element.textContent = "i love jQuery (4u :P )";

、、、innerText.replace、innerHTML、innerText、textContent、html()、text()、div.innerHTML.replace、document.body.innerText、$.fn.innerText、div:contains document.getElementById(id).innerText

（以下はFAQパーツであり、重複を避けるために元のテキストに従って書き直され、合理化されています）

以上がjQuery set intext（）、innerhtml（）、textcontent（）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。