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

问题描述

想象一下，我有以下HTML：

Imagine I have the following HTML:

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

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

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

<span>...</span>

任何想法？感谢

推荐答案

扩展jldupont的答案，您可以在飞行中创建一个包装元素：

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屋！