innerTextとhtmlの違い

Question

innerTextとtext()とhtml()の違いは何ですか？

Answer 1

innerText（またはjQueryを使用している場合はtext()）にはHTMLタグは含まれていません。あなたが含まれているdiv要素を持っていたのであれば：

View my <a href="profile.html">profile</a> 

innerText/text()は（dcneinerが指摘するように

View my profile 

がhtml()ながらhtml()/text()は、jQueryのプロパティです

View my <a href="profile.html">profile</a> 

を返します返しますブラウザ間でサポートされていますが、innerTextはすべてのブラウザで実装されていません（ただし、i Internet Explorer、Safari、Chromeの最新バージョンで動作します）。

可能であれば、基本的にはtext()はinnerText以外のものを使用します。 text()がすばらしいものになる場合は、dcneiner's post（またはjQuery docs）を参照してください。

Answer 2

違いはinnerTextはDOMオブジェクトのIE専用プロパティで、html()はjQueryオブジェクトの関数です。あなたはtext()とhtml()を比較した場合

しかし、違いはtext()戻る前に、ストリップ要素の内容からすべてのHTMLとhtml()はHTMLが含まれて含まれていることです。

また、text()はすべてマッチした要素のテキストを返しますし、それらを一緒に連結します。

<span>Hi, </span><span>how are </span><span>you?</span> 

$("span").text(); // returns: Hi, how are you? 

しかしhtml()は最初に一致した項目にinnerHTMLプロパティを返します。

$("span").html(); // returns: Hi, 

最後の一つクールなこと、それは.text()すべてのHTMLを自動エスケープする：

$("span:first").text('<a>Hi</a>'); // writes &lt;a&gt;Hi&lt;/a&gt;