JavaScript / jQuery ile <html> etiketi HTML nasıl edinilir?

Kullanılması $('html').html()I içinde HTML alabilirsiniz <html>(etiketinde <head>, <body>vb.) Ancak <html>etiketin asıl HTML'sini nasıl alabilirim (özniteliklerle)?

Alternatif olarak, sayfanın tüm HTML'sini (doctype <html>vb. Dahil ) jQuery (veya düz eski JavaScript) ile almak mümkün müdür ?

htmlÖğeyi yerel olarak almanın en basit yolu :

document.documentElement

İşte referans: https://developer.mozilla.org/en-US/docs/Web/API/Document.documentElement .

GÜNCELLEME: Öğeyi daha sonra htmlbir dize olarak almak için:

document.documentElement.outerHTML

Html DOM öğesini tamamen JS ile nasıl elde edeceğiniz aşağıda açıklanmıştır:

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

veya

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

Ve eğer öznitelikleri almak için jQuery kullanmak istiyorsanız ...

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

Diğer yanıtların bazılarına ek olarak, HTML öğesine aşağıdaki yollarla da erişebilirsiniz:

var htmlEl = document.body.parentNode;

Ardından, iç HTML içeriğini alabilirsiniz:

var inner = htmlEl.innerHTML;

Böyle yapmak marjinal olarak daha hızlı görünüyor . Bununla birlikte, sadece HTML öğesini alıyorsanız, biraz daha hızlıdocument.body.parentNode görünüyor .

HTML öğesine sahip olduktan sonra, getAttributeve setAttributeyöntemleriyle özniteliklerle uğraşabilirsiniz.

DOCTYPE için, bu sorudadocument.doctype ele alınan kullanabilirsiniz .

JQuery'de:

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

Düz Javascript'te:

var html_string = document.documentElement.outerHTML

jQuery ile bir HTML öğesinin özniteliğini almak istiyorsanız, .attr();

böylece $('html').attr('someAttribute');size değerini verecektir someAttributeelemanınhtml

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

Bunlara ek olarak:

burada bir jQuery eklentisi var: http://plugins.jquery.com/project/getAttributes

HTML öğesinden tüm özellikleri almanıza olanak tanıyan