如何获取元素的HTML

Question

例如,我有:

<div id="f" style="width:50px; height:50px; background-color:#ddd">
    <p>Some text</p>
</div>

我想得到 <div id="f" style="width:50px; height:50px; background-color:#ddd">

这是我到目前为止所尝试的:

alert(document.getElementById("f").innerHTML);
alert(document.getElementById("f").outerHTML);

和它的jsfiddle.

Answer 1

没有直接的方法可以做到这一点.但是,您可以从outerHTML内容中删除innerHTML内容.

document.getElementById("f").outerHTML.replace(document.getElementById("f").innerHTML,'')