Question

面对一个非常有趣的问题......

我使用Javascript和xml将动态内容加载到我的网站中。在xml文件中，我包含格式化标签，例如＆lt; b＆gt;这是一些粗体文字＆lt; / b＆gt; ＆lt; - 注意：在我的xml转义字符中使用，但我无法在此页面上显示，因为它们显示为小于和大于符号！

当我将内容加载到我的html页面上具有ID的元素时，这非常正常，但是当我使用Javascript创建元素时，然后加载xml内容，动态元素中的内容未格式化，并且我能够在页面上看到html标签。代码片段低于......

将内容填充到带有ID的html元素中（在浏览器中正确格式化）

    var paragraph = xmlDOM.getElementsByTagName("Overview")[0].childNodes[0].nodeValue;
    document.getElementById("Paragraph").innerHTML = paragraph;

将内容填充到动态元素中（html标记显示在浏览器的段落中）

   var paragraph = document.createElement('p');
   paragraph.appendChild(document.createTextNode(sections[i].childNodes[1].firstChild.nodeValue));

我很难过这个。如果需要更多信息，请告诉我。

Answer 1

您正在使用createTextNode（）方法。这将字符串输出为非HTML（纯文本）。您可以在动态段落元素上使用innerHTML，并使用正常呈现的HTML内容填充它。

此处示例：http://jsfiddle.net/gpsaL/1/

var paragraph = document.createElement('p');
paragraph.innerHTML = sections[i].childNodes[1].firstChild.nodeValue;

希望这有帮助！

XHTML / JavaScript动态内容未格式化

1 个答案: