The element outerHTML
property (note: supported by Firefox after version 11) returns the HTML of the entire element.
Example
<div id="new-element-1">Hello world.</div>
<script type="text/javascript"><!--
var element = document.getElementById("new-element-1");
var elementHtml = element.outerHTML;
// <div id="new-element-1">Hello world.</div>
--></script>
Similarly, you can use innerHTML
to get the HTML contained within a given element, or innerText
to get the text inside an element (sans HTML markup).
See Also
- outerHTML – Javascript Property
- Javascript Reference – Elements