jQuery: text()和html()有什么区别?

jQuery中的text()和html()函数有什么区别?

$("#div").html('<a href="example.html">Link</a><b>hello</b>');

$("#div").text('<a href="example.html">Link</a><b>hello</b>');

当前回答

var v = "&#x5168;&#x540D;";
$("#div").html(v); //display as "全名"
$("#div").text(v); //display as "&#x5168;&#x540D;"

text()——该方法设置或返回所选元素的文本内容。 html()——该方法设置或返回所选元素的内容。参考示例:https://www.tutorialspoint.com/online_jquery_editor.php

其他回答

第一个例子实际上将HTML嵌入到div中，而第二个例子将转义文本，方法是将与元素相关的字符替换为相应的字符实体，以便按字面意思显示(即HTML将被显示而不呈现)。

text()方法实体-转义传入它的任何HTML。当您想要插入对查看页面的人可见的HTML代码时，请使用text()。

从技术上讲，第二个示例生成:

&lt;a href="example.html"&gt;Link&lt;/a&gt;&lt;b&gt;hello&lt;/b&gt;

它将在浏览器中呈现为:

<a href="example.html">Link</a><b>hello</b>

您的第一个示例将呈现为一个实际的链接和一些粗体文本。

奇怪的是，没有人提到.text()相对于.html()的跨站点脚本预防好处(尽管其他人刚刚提到。text()转义数据)。

当你想要更新DOM中的数据时，总是建议使用.text()，这只是用户可以看到的数据/文本。

. HTML()应该主要用于获取div中的HTML内容。

text函数将值设置或检索为纯文本，否则，HTML函数将值设置或检索为HTML标记，以更改或修改该值。如果你只想改变内容，那么使用text()。但是如果你需要改变标记，那么你必须使用hmtl()。

这对我来说是个愚蠢的答案，别介意。

基本上，$("#div").html使用element。innerHTML设置内容，$(“#div”)。text(可能)使用element.textContent。

http://docs.jquery.com/Attributes/html:

Set the html contents of every matched element

http://docs.jquery.com/Attributes/text:

Similar to html(), but escapes HTML (replace "<" and ">" with their HTML 
entities).

推荐文章