Wie bekomme ich das <html> -Tag HTML mit JavaScript / jQuery?

Mit $('html').html()Ich kann die HTML im bekommen <html>Tag ( <head>, <body>usw.). Aber wie kann ich den tatsächlichen HTML-Code des <html>Tags (mit Attributen) abrufen?

Ist es alternativ möglich, den gesamten HTML-Code der Seite (einschließlich Doctype <html>usw.) mit jQuery (oder einfachem altem JavaScript) abzurufen ?

Der einfachste Weg, das htmlElement nativ zu erhalten, ist:

document.documentElement

Hier ist die Referenz: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement .

UPDATE: Um das htmlElement dann als Zeichenfolge zu erfassen, gehen Sie wie folgt vor:

document.documentElement.outerHTML

So erhalten Sie das HTML-DOM-Element ausschließlich mit JS:

var htmlElement = document.getElementsByTagName("html")[0];

oder

var htmlElement = document.querySelector("html");

Und wenn Sie jQuery verwenden möchten, um Attribute daraus zu erhalten ...

$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);

Neben einigen anderen Antworten können Sie auch auf das HTML-Element zugreifen über:

var htmlEl = document.body.parentNode;

Dann könnten Sie den inneren HTML-Inhalt erhalten:

var inner = htmlEl.innerHTML;

Dies scheint auf diese Weise geringfügig schneller zu sein . Wenn Sie nur das HTML-Element erhalten, document.body.parentNodescheint es jedoch ziemlich viel schneller zu sein .

Nachdem Sie das HTML-Element haben, können Sie mit den Methoden getAttributeund mit den Attributen setAttributeherumspielen.

Für den DOCTYPE können Sie verwenden document.doctype, worauf in dieser Frage näher eingegangen wurde .

In jQuery:

var html_string = $('html').outerHTML()

In einfachem Javascript:

var html_string = document.documentElement.outerHTML

Wenn Sie mit jQuery ein Attribut eines HTML-Elements erhalten möchten, können Sie es verwenden .attr();

So erhalten $('html').attr('someAttribute');Sie den Wert des someAttributeElementshtml

http://api.jquery.com/attr/

Zusätzlich:

Hier gibt es ein jQuery-Plugin: http://plugins.jquery.com/project/getAttributes

Damit können Sie alle Attribute aus einem HTML-Element abrufen