EN
JavaScript - get outer html
6
points
In this article, we would like to show you how to get outer HTML source code in JavaScript.
Quick solution:
// ONLINE-RUNNER:browser;
<div id="my-element"></div>
<script>
var myElement = document.getElementById('my-element');
console.log(myElement.outerHTML);
</script>
More complex example
// ONLINE-RUNNER:browser;
<html>
<body>
<div id="my-element">
<h3>Head 1</h3>
<p>Some apostrophe text...</p>
<h3>Head 2</h3>
<p>Some apostrophe text...</p>
</div>
<script>
var myElement = document.getElementById('my-element');
console.log(myElement.outerHTML);
</script>
</body>
</html>
2. jQuery example
How to get outerHTML with jQuery has been described in this article.