Question

我已经使用了一串html并将其转换为DOM Object。

document.getElementById("textarea").value
var parser = new DOMParser();
var html = parser.parseFromString(htmlString, 'text/html');

如何获取我创建的DOM Object并将其转换回html？您能否举例说明如何将其放在html页面上？

Answer 1

从HTMLDocument提供给您的parseFromString()，您可以检索其documentElement，然后检索该元素innerHTML。

console.log(html.documentElement.innerHTML);

请注意，标记可能会规范化以使其成为有效文档，因此您可能会以比您开始时更多的结尾：

var markup = '<span>Foo</span>';
var parser = new DOMParser();
var doc = parser.parseFromString(markup, 'text/html');

console.log(doc.documentElement.innerHTML);
// "<head></head><body><span>Foo</span></body>"

或者，为您做出更正：

var markup = '<table><div>Foo</div></table>';
// ...

console.log(doc.documentElement.innerHTML);
// "<head></head><body><div>Foo</div><table></table></body>"

Answer 2

您似乎正在创建一个完整的文档，不确定这是否是故意的。但是，这应该适用于你现在拥有的：

var parser = new DOMParser();
var html = parser.parseFromString('<b>ok</b>', 'text/html');
document.write(html.body.innerHTML);

如何转换DOM Object到html？

2 个答案: