将html块写为字符串

Question

我希望在用户在textarea（使用Javascript）中输入html时显示html。像这样：

Every thing fine <a href="/toto"> link </a>

如果不使用“预”标签，我该怎么做？我只是想避免html解释。

谢谢

Answer 1

只需创建一个文本节点......

var node = document.createTextNode(a_string);

...并将其添加到某个地方的文档......

document.body.appendChild(node);

Answer 2

所以你有一个字符串：

str='Every thing fine <a href="/toto"> link </a>';

替换括号：

str.replace('<', '&lt;').replace('>', '&gt;');

然后写入文档：

document.write(str);

或设置现有元素内容：

elem.innerHTML = str;

Answer 3

您可以设置textContent。

elem.textContent = "<div>foo</div>";

---

但是对于浏览器兼容性，您应该在代码的开头执行类似的操作：

var textContent = ('textContent' in document) ? 'textContent' : 'innerText';

然后像这样使用它：

elem[textContent] = "<div>foo</div>";

Answer 4

jQuery.html()会为您执行此操作