How to get the <html> tag HTML with JavaScript / jQuery?
Question
Using $('html').html() I can get the HTML within the <html> tag ( <head> , <body> , etc.). But how can I get the actual HTML of the <html> tag (with attributes)?
Alternatively, is it possible to get the entire HTML of the page (including doctype, <html> , etc.) with jQuery (or plain old JavaScript)?
6 answers
solution1
399 ACCPTED 2014-04-04 21:39:19
The simplest way to get the html element natively is:
document.documentElement
Here's the reference: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement .
UPDATE: To then grab the html element as a string you would do:
document.documentElement.outerHTML
solution2
51 2013-01-29 22:12:02
This is how to get the html DOM element purely with JS:
var htmlElement = document.getElementsByTagName("html")[0];
or
var htmlElement = document.querySelector("html");
And if you want to use jQuery to get attributes from it...
$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);
solution3
27 2013-09-08 01:59:03
In addition to some of the other answers, you could also access the HTML element via:
var htmlEl = document.body.parentNode;
Then you could get the inner HTML content:
var inner = htmlEl.innerHTML;
Doing so this way seems to be marginally faster . If you are just obtaining the HTML element, however, document.body.parentNode seems to be quite a bit faster .
After you have the HTML element, you can mess with the attributes with the getAttribute and setAttribute methods.
For the DOCTYPE, you could use document.doctype , which was elaborated upon in this question .
solution4
19
In jQuery:
var html_string = $('html').outerHTML()
In plain Javascript:
var html_string = document.documentElement.outerHTML
solution5
4 2010-11-16 17:22:53
if you want to get an attribute of an HTML element with jQuery you can use .attr();
so $('html').attr('someAttribute'); will give you the value of someAttribute of the element html
Additionally:
there is a jQuery plugin here: http://plugins.jquery.com/project/getAttributes
that allows you to get all attributes from an HTML element
solution6
0 2022-01-23 12:55:51
I found other alternative simple way using plain javascript:
const htmlElement = document.querySelector(':root') console.log(htmlElement)
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.