如何获取<;html>;用JavaScript/jQuery标记HTML?
使用如何获取<;html>;用JavaScript/jQuery标记HTML?,javascript,jquery,Javascript,Jquery,使用$('html').html()我可以在标记(,等)中获取html。但是如何获得标记(带属性)的实际HTML 或者,是否可以使用jQuery(或纯旧JavaScript)获取页面的整个HTML(包括doctype、等)?在jQuery中: var html_string = $('html').outerHTML() 在纯Javascript中: var html_string = document.documentElement.outerHTML 如果希望通过jQuery获取HTML
$('html').html()
我可以在
标记(
,
等)中获取html。但是如何获得
标记(带属性)的实际HTML
或者,是否可以使用jQuery(或纯旧JavaScript)获取页面的整个HTML(包括doctype、
等)?在jQuery中:
var html_string = $('html').outerHTML()
在纯Javascript中:
var html_string = document.documentElement.outerHTML
如果希望通过jQuery获取HTML元素的属性,可以使用
.attr()代码>
所以$('html').attr('someAttribute')
将为您提供元素html
的someAttribute
值
此外:
这里有一个jQuery插件:
这允许您从HTML元素中获取所有属性,这就是如何纯粹使用JS获取HTML DOM元素:
var htmlElement = document.getElementsByTagName("html")[0];
或
如果您想使用jQuery从中获取属性
$(htmlElement).attr(INSERT-ATTRIBUTE-NAME);
除了一些其他答案外,您还可以通过以下方式访问HTML元素:
var htmlEl = document.body.parentNode;
然后您可以获得内部HTML内容:
var inner = htmlEl.innerHTML;
这样做似乎是错误的。但是,如果您只是获取HTML元素,document.body.parentNode
似乎是
拥有HTML元素后,可以使用和方法处理属性
对于DOCTYPE,您可以使用。中详细介绍的,以本机方式获取html
元素的最简单方法是:
document.documentElement
以下是参考资料:
更新:要将html
元素作为字符串抓取,您可以执行以下操作:
document.documentElement.outerHTML
getAttributes()项目现在已经有点过时了(2009年2月)。如果你能解释一下为什么它能回答这个问题,你的答案会更好。另外,请突出显示代码,然后单击{}
按钮或按ctrl+k将其标记为代码。请注意:如果文档中尚未提供正文,则此操作将失败。在这种情况下,document.head.parentNode
在有head元素的情况下仍然有效。有关documentElement
浏览器兼容性的更多信息,请参见此问题:。您多久获取一次html元素的引用!?一般来说,我认为性能不应该成为一个问题。无论如何,这实际上是更好的答案,但它是在获奖之后出现的。
document.documentElement.outerHTML