如何使用JavaScript / jQuery获取标签HTML？

使用$('html').html()我可以得到内的HTML<html>标签（<head>，<body>，等）。但是，如何获取<html>标记的实际HTML （带有属性）？

或者，是否可以<html>使用jQuery（或普通的旧JavaScript）获取页面的整个HTML（包括doctype等）？

html本地获取元素的最简单方法是：

document.documentElement

更新：然后将html元素作为字符串获取，您可以执行以下操作：

document.documentElement.outerHTML

这是纯粹通过JS获取html DOM元素的方法：

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

要么

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

如果您想使用jQuery从中获取属性...

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

除了其他一些答案，您还可以通过以下方式访问HTML元素：

var htmlEl = document.body.parentNode;

然后，您可以获得内部HTML内容：

var inner = htmlEl.innerHTML;

这样看来似乎快一些。但是，如果仅获取HTML元素，则document.body.parentNode似乎要快得多。

获得HTML元素后，可以使用getAttribute和setAttribute方法将属性弄乱。

对于DOCTYPE，可以使用document.doctype，在此问题中已进行了详细说明。

在jQuery中：

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

用简单的Javascript：

var html_string = document.documentElement.outerHTML

如果您想使用jQuery获取HTML元素的属性，则可以使用 .attr();

所以$('html').attr('someAttribute');会给你someAttribute元素的价值html

允许您从HTML元素获取所有属性

本文地址：http://javascript.askforanswer.com/ruheshiyongjavascript-jqueryhuoqubiaoqianhtml.html
文章标签：javascript , jquery
版权声明：本文为原创文章，版权归 javascript 所有，欢迎分享本文，转载请保留出处！