为什么我使用javascript时，带有html标记的文本显示不正确？

Question

我有以下文字：

<p class=“rtejustify”>否&acirc；mbito do Programa de Literacia Estat&iacute；文化计划；stica promovido pela Biblioteca，一个terceira sess&atilde；o装饰工&aacute；no dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso estat&iacute；无直径28，中心为14h30，中心为17h00；欧盟统计局stico Portal</p>（第页）

如果我这样使用它：

<div class=“corpo”><p class=“rtejustify”>否&acirc；mbito do Programa de Literacia Estat&iacute；stica promovido pela Biblioteca，一个terceira sess&atilde；o装饰工&aacute；no dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso estat&iacute；无直径28，中心为14h30，中心为17h00；欧盟统计局stico Portal</p>（第页）

在html页面中显示正确。。。这样地：

没有人会做宣传文学计划，这是欧盟统计局门户网站的一个主题。

但是如果我在js函数中获得相同的代码并将其放在变量中，当我打开html文件时，html标记也会出现。。。

例子：单击以测试

var texto=“<p class=“rtejustify”>No&acirc；mbito do Programa de Literacia Estat&iacute；stica promovido pela Biblioteca，a terceira sess&atilde；o decorer&aacute；No dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso Estat&iacut；stico o o Portal do Eurostat.”；$（“.corpo”）.text（texto）；

.公司{背景色：#000066；不透明度：0.8；过滤器：alpha（不透明度=50）；宽度：1000px；高度：380px；位置：固定；z指数：3；溢出：滚动；颜色：白色；font-family:宋体；字体大小：20px；字体样式：普通；font-weight：粗体；overflow-y：滚动；}

<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js“></script><div class=“corpo”><p class=“rtejustify”>否&acirc；mbito do Programa de Literacia Estat&iacute；stica promovido pela Biblioteca，一个terceira sess&atilde；o装饰工&aacute；no dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso estat&iacute；无直径28，中心为14h30，中心为17h00；欧盟统计局stico Portal</p>（第页）</div>

Answer 1

而不是文本函数，使用html格式功能。http://api.jquery.com/html/

奇怪的是，我的浏览器对文本和html格式，但基本上，如果您使用html：使用html格式，否则使用文本.

在Mac OS X上使用OperaMozilla/5.0（Macintosh；Intel Mac OS X 10_10_3）AppleWebKit/537.36（KHTML，如Gecko）Chrome/42.0.2311.90 Safari/537.36 OPR/29.0.1795.47这可能是Opera或（有缺陷的）设计中的一个缺陷。

Answer 2

var texto=“No&acirc；mbito do Programa de Literacia Estat&iacute；stica promovido pela Biblioteca，a terceira sess&atilde；o decorer&aacute；No dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso Estat&iacut；stico Portal do Eurostat。”；$（“.corpo”）.html（文本）；

尝试此代码。。

@巴尔马：您应该使用html（）而不是text（）。您在javascript变量中使用了双引号文本.类名证明应该放在单引号之间。

Answer 3

用以下代码替换代码。

var texto=“No&acirc；mbito do Programa de Literacia Estat&iacute；stica promovido pela Biblioteca，a terceira sess&atilde；o decorer&aacute；No dia 28，entre as 14h30 e as 17h00，na Sala EC-101（STI），tendo como recurso Estat&iacut；stico Portal do Eurostat。”；$（“.corpo”）.text（texto）；

Answer 4

方法1

insted使用javascript直接函数如下：document.getElemenstByClassName（'corpo'）[0].innerHTML=“您的文本”

方法2

document.getElemenstByClassName（'rpo'）[0].appendChild（document.createTextNode（“您的文本”））这个与上面的不同之处在于它打印所有标签和所有内容。

方法3

document.getElemenstByClassName（'corpo'）[0].innerHTML=document.getElemenstByClassName（'公司'）[0].value+“您的文本”

这样我们就可以使用标签了。

方法2和方法3类似于使用Jquery$（“.corpo”）.text（texto）；和$（“.corpo”）.html（文本）；分别是。（请不要以为这不是Jquery的实现）。

这两种方法的区别在于，Ist创建了一个Node，这意味着Javascript将所有内容都视为一个String，它没有区别<p>和对即标签和简单文本，其中内部HTML只需将内容放在元素中的双引号之间，因为这样我们就可以利用标记的优势。

Firefox中使用了此技术。在那里文本区域你输入的每条线都被放入文本区域标记为文本节点。您可以在控制台中看到这一点。

参见工作示例