如何在 javascript 中获取 DOM 元素的 HTML [英] How to get the HTML for a DOM element in javascript

问题描述

假设我有以下 HTML:

这是粗体的</b></span></div>

我想获取 div 的 HTML，包括 div 本身.Element.innerHTML 只返回:

...

有什么想法吗?谢谢

解决方案

扩展 jldupont 的答案，您可以动态创建一个包装元素:

var target = document.getElementById('myElement');var wrap = document.createElement('div');wrap.appendChild(target.cloneNode(true));警报(wrap.innerHTML)；

我正在克隆该元素以避免在实际文档中删除并重新插入该元素.但是，如果您要打印的元素下面有一个非常大的树，这可能会很昂贵.

Imagine I have the following HTML:

<div><span><b>This is in bold</b></span></div>

I want to get the HTML for the div, including the div itself. Element.innerHTML only returns:

<span>...</span>

Any ideas? Thanks

解决方案

Expanding on jldupont's answer, you could create a wrapping element on the fly:

var target = document.getElementById('myElement');
var wrap = document.createElement('div');
wrap.appendChild(target.cloneNode(true));
alert(wrap.innerHTML);

I am cloning the element to avoid having to remove and reinsert the element in the actual document. This might be expensive if the element you wish to print has a very large tree below it, though.

这篇关于如何在 javascript 中获取 DOM 元素的 HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！