javascript - 如何从 DOM 对象转换为 html?

标签 javascript html

我已经将 html 字符串转换为 DOM 对象

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

如何将我创建的 DOM 对象 转换回 html?你能举例说明我如何将它放在 html 页面上吗?

最佳答案

parseFromString() 给你的 HTMLDocument 中,你可以检索它的 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>"

关于javascript - 如何从 DOM 对象转换为 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36076033/

相关文章:

Javascript,将字符串转换为对象属性

Javascript 四舍五入到最接近的整数

html - 使用 float left 和左边距用 Items 填充 div

javascript正则表达式替换水平椭圆

javascript - IE8 : "The system cannot find the path specified" error when acessing window. 本地存储

javascript - 如何使导航 HREF 根据浏览器大小不同地加载链接

html - 第一个 child 的上边距和最后一个 child 的下边距

javascript - 如何从 javascript 函数返回 true 和值?

jquery 悬停 div 并显示另一个 div 然后保持该 div 打开

javascript - Three.js 瓦片,它具有使用平面几何的多个纹理