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

2020/10/27 08:22 · javascript ·  · 0评论

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

或者,是否可以<html>使用jQuery(或普通的旧JavaScript)获取页面的整个HTML(包括doctype等)?

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

document.documentElement

这是参考:https : //developer.mozilla.org/en-US/docs/Web/API/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元素后,可以使用getAttributesetAttribute方法将属性弄乱

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

在jQuery中:

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

用简单的Javascript:

var html_string = document.documentElement.outerHTML

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

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

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

另外:

这里有一个jQuery插件:http : //plugins.jquery.com/project/getAttributes

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

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

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!