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>');

当前回答

基本上，$("#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).

其他回答

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内容)时，使用.html(…)。

当你不确定你的文本(例如来自输入控件)不包含在HTML中有特殊意义的字符/标记时，你一定要使用.text(…)。这是非常重要的，因为这可能会导致文本不能正常显示，但也可能导致不需要的JS脚本片段(例如来自另一个用户输入)被激活。

尽可能使用.text()，因为它会转义HTML，特别是如果您正在添加任何不受信任的数据，例如来自用户输入。. HTML()有一些xss漏洞

简单来说。

Html()——获取内部Html (Html标签和文本)。

Text()——如果内部存在，则只获取文本(只获取文本)

推荐文章