Используя $('html').html(), я могу получить HTML в теге <html> (<head>, <body> и т.д.). Но как я могу получить фактический HTML тега <html> (с атрибутами)?
В качестве альтернативы, можно ли получить весь HTML-страницы (включая doctype, <html> и т.д.) с помощью jQuery (или обычного старого JavaScript)?
Самый простой способ получить элемент html изначально:
document.documentElement
Здесь ссылка: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement.
UPDATE: затем захватить элемент html в качестве строки, которую вы бы сделали:
document.documentElement.outerHTML
Вот как получить элемент html DOM исключительно с помощью JS:
var htmlElement = document.getElementsByTagName("html")[0];
или
var htmlElement = document.querySelector("html");
И если вы хотите использовать jQuery для получения из него атрибутов...
$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);
В дополнение к некоторым другим ответам вы также можете получить доступ к элементу HTML через:
var htmlEl = document.body.parentNode;
Затем вы можете получить внутренний HTML-контент:
var inner = htmlEl.innerHTML;
Таким образом, кажется, чуть быстрее. Однако, если вы просто получаете элемент HTML, document.body.parentNode кажется довольно быстро.
После того, как у вас есть элемент HTML, вы можете использовать атрибуты с getAttribute и setAttribute.
Для DOCTYPE вы можете использовать document.doctype, который был разработан в this вопрос.
В jQuery:
var html_string = $('html').outerHTML()
В простом Javascript:
var html_string = document.documentElement.outerHTML
если вы хотите получить атрибут HTML-элемента с jQuery, вы можете использовать .attr();
поэтому $('html').attr('someAttribute'); даст вам значение someAttribute элемента html
здесь есть плагин jQuery: http://plugins.jquery.com/project/getAttributes
который позволяет вам получить все атрибуты из HTML-элемента