Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 以字符串形式编写html块_Javascript_Html_Css - Fatal编程技术网

Javascript 以字符串形式编写html块

Javascript 以字符串形式编写html块,javascript,html,css,Javascript,Html,Css,我想在用户在文本区域中输入html时显示它(使用Javascript)。像这样: Every thing fine <a href="/toto"> link </a> 一切都很好 如果不使用“pre”标记,我如何做到这一点?我只是想避免html解释 谢谢将为您执行此操作将为您执行此操作只需创建一个文本节点 var node = document.createTextNode(a_string); …并将其添加到文档的某个位置 document.body.appen

我想在用户在文本区域中输入html时显示它(使用Javascript)。像这样:

Every thing fine <a href="/toto"> link </a>
一切都很好
如果不使用“pre”标记,我如何做到这一点?我只是想避免html解释


谢谢

将为您执行此操作

将为您执行此操作

只需创建一个文本节点

var node = document.createTextNode(a_string);
…并将其添加到文档的某个位置

document.body.appendChild(node);

只需创建一个文本节点

var node = document.createTextNode(a_string);
…并将其添加到文档的某个位置

document.body.appendChild(node);

您可以设置文本内容

elem.textContent = "<div>foo</div>";
然后像这样使用它:

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

您可以设置文本内容

elem.textContent = "<div>foo</div>";
然后像这样使用它:

elem[textContent] = "<div>foo</div>";
elem[textContent]=“foo”;
所以您有一个字符串:

str='Every thing fine <a href="/toto"> link </a>';
或设置现有元素的内容:

elem.innerHTML = str;
所以你有一个字符串:

str='Every thing fine <a href="/toto"> link </a>';
或设置现有元素的内容:

elem.innerHTML = str;

不,不会的。它将解析HTML。如描述所述:“获取匹配元素集中第一个元素的HTML内容”。您应该再次阅读该问题。OP希望显示在
textarea
元素中输入的HTML标记。不管是哪种方式,这里都没有使用jQuery的迹象。OP说他希望显示用户输入的HTML。我只能假设这是编码的。他/她还表示,他们希望使用Javascript来实现这一点@Franky,html()也会设置。不,不会。它将解析HTML。如描述所述:“获取匹配元素集中第一个元素的HTML内容”。您应该再次阅读该问题。OP希望显示在
textarea
元素中输入的HTML标记。不管是哪种方式,这里都没有使用jQuery的迹象。OP说他希望显示用户输入的HTML。我只能假设这是编码的。他/她还表示,他们希望使用Javascript来实现这一点@Franky,html()也设置了。事实上,我使用了underline.js的u.escape函数。事实上,我使用了underline.js的u.escape函数