Copy or export web page Element as html file... is that possible by any means?

Question

LIKE UI answer in Chrome Dev Tools export Elements HTML is there any way/mechanism I can do it programmatically?

Answer 1

If I'm understanding you correctly, you could use the Element.outerHTML property and the Clipboard.writeText() API.

Answer 2

If you want to do it programmatically, then you must have to use jquery, it is the most easiest way!

First you have to include this script tag on the top of your Javascript file

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Now because even a simple website contain plenty of HTML tags.

If you want to extract specific tag, you have to extract using the ID or CLASS of that tag

For example if i want to extract this tag from a website https://example.com

<h1 id='Header'>Example</h1>

I could simply take its Class name for fetching which is Header

Then using Jquery you can do like this

$.get('https://example.com/').then(function (html) {
// Success response
var $mainbar = $(html).find('#Header');
document.write($mainbar.html());
}, function () {
// Error response
document.write('Access denied');
});