Utilizzando $('html').html()posso ottenere il codice HTML all'interno del <html>tag ( <head>, <body>, ecc). Ma come posso ottenere l'HTML effettivo del <html>tag (con attributi)?
In alternativa, è possibile ottenere l'intero HTML della pagina (incluso doctype <html>, ecc.) Con jQuery (o semplicemente il vecchio JavaScript)?
Risposte:
Il modo più semplice per ottenere l' htmlelemento nativamente è:
document.documentElementEcco il riferimento: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement .
AGGIORNAMENTO: Per afferrare l' htmlelemento come stringa, dovresti:
document.documentElement.outerHTMLEcco come ottenere l'elemento DOM HTML solo con JS:
var htmlElement = document.getElementsByTagName("html")[0];o
var htmlElement = document.querySelector("html");E se vuoi usare jQuery per ottenere attributi da esso ...
$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);{}pulsante o premi ctrl + k per contrassegnarlo come codice.
Oltre ad alcune delle altre risposte, puoi anche accedere all'elemento HTML tramite:
var htmlEl = document.body.parentNode;Quindi potresti ottenere il contenuto HTML interno:
var inner = htmlEl.innerHTML;In questo modo sembra essere leggermente più veloce . Se stai semplicemente ottenendo l'elemento HTML, tuttavia, document.body.parentNodesembra essere un po 'più veloce .
Dopo avere l'elemento HTML, è possibile pasticciare con gli attributi con i metodi getAttributee setAttribute.
Per il DOCTYPE, è possibile utilizzare document.doctype, che è stato elaborato in questa domanda .
document.head.parentNodefunzionerà comunque se c'è un elemento head.
In jQuery:
var html_string = $('html').outerHTML()In Javascript semplice:
var html_string = document.documentElement.outerHTMLse vuoi ottenere un attributo di un elemento HTML con jQuery puoi usarlo .attr();
così $('html').attr('someAttribute');ti darà il valore someAttributedell'elementohtml
c'è un plugin jQuery qui: http://plugins.jquery.com/project/getAttributes
che ti permette di ottenere tutti gli attributi da un elemento HTML
documentElementcompatibilità del browser: stackoverflow.com/q/11391827/177710 .