Usando $('html').html()posso obter o HTML dentro da <html>tag ( <head>, <body>, etc.). Mas como posso obter o HTML real da <html>tag (com atributos)?
Como alternativa, é possível obter todo o HTML da página (incluindo doctype <html>, etc.) com jQuery (ou JavaScript antigo simples)?
Respostas:
A maneira mais simples de obter o htmlelemento nativamente é:
document.documentElementAqui está a referência: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement .
UPDATE: Para então pegar o htmlelemento como uma string, você faria:
document.documentElement.outerHTMLVeja como obter o elemento DOM html apenas com JS:
var htmlElement = document.getElementsByTagName("html")[0];ou
var htmlElement = document.querySelector("html");E se você quiser usar o jQuery para obter atributos dele ...
$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);{}botão ou pressione ctrl + k para marcá-lo como código.
Além de algumas das outras respostas, você também pode acessar o elemento HTML via:
var htmlEl = document.body.parentNode;Então você pode obter o conteúdo HTML interno:
var inner = htmlEl.innerHTML;Fazer isso dessa maneira parece ser um pouco mais rápido . Se você está apenas obtendo o elemento HTML, no entanto, document.body.parentNodeparece ser um pouco mais rápido .
Depois de ter o elemento HTML, você pode mexer nos atributos com os métodos getAttributee setAttribute.
Para o DOCTYPE, você pode usar o document.doctypeque foi elaborado nesta pergunta .
document.head.parentNodeainda funcionará se houver um elemento principal.
No jQuery:
var html_string = $('html').outerHTML()Javascript simples:
var html_string = document.documentElement.outerHTMLSe você deseja obter um atributo de um elemento HTML com o jQuery, pode usar .attr();
então $('html').attr('someAttribute');lhe dará o valor do someAttributeelementohtml
existe um plug-in jQuery aqui: http://plugins.jquery.com/project/getAttributes
que permite obter todos os atributos de um elemento HTML
documentElementcompatibilidade do navegador: stackoverflow.com/q/11391827/177710 .