js中获取html元素之document.documentElement

js中获取html元素之document.documentElementdocument.documentElementDocument.documentElement是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的<html>元素)。对于任何非空HTML文档,调用document.documentElement总是会返回一个<html>元素,且它一定是该文档的根元素。借助这个只读属性,能方便地获取到任意文档的根元素。参考文档html中document.body与document.d

大家好,又见面了,我是你们的朋友全栈君。

document.documentElement

Document.documentElement 是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的 <html> 元素)。

 

对于任何非空 HTML 文档,调用 document.documentElement 总是会返回一个 <html> 元素,且它一定是该文档的根元素。借助这个只读属性,能方便地获取到任意文档的根元素。

参考文档

html中document.body 与 document.documentElement的区别如下:

js中获取html元素之document.documentElement

1. document.body

返回html dom中的body节点 即<body>

2. document.documentElement

返回html dom中的root根节点 即<html>

页面指定了 DOCTYPE 时,使用 document.documentElement,否则,使用 document.body。

以HTML超文本标记语言为例:整个文档的根可在DOM中使用document.documentElement来访问它,它就是整个节点树的根节点。而body是子节点,要访问到body标签,在脚本中应该写:document.body。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/161655.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月19日 下午1:16
下一篇 2022年7月19日 下午1:16


相关推荐

  • 入门级Unity安装教程

    入门级Unity安装教程这是一篇面向对unity感兴趣,想要学习unity,但是还处于入门阶段的小伙伴的超详细unity安装教程。因为是面向入门的小伙伴,所以文章写的有点长,还配有许多图片,这样才能更详细的介绍安装流程。但是不必担心太长看起来太费劲,各位只要照着教程一步步来就可以了。跟着这章博文走,最终你的电脑一定能张开双臂,成功拥抱unity。那么,现在进入正题吧!1.进入官网unity的官网链接:unity.cn…

    2022年6月27日
    32
  • 基于文心一言【ERNIE Bot SDK】的文本纠错实践与优化

    基于文心一言【ERNIE Bot SDK】的文本纠错实践与优化

    2026年3月12日
    3
  • arduino连接lcd1602使用方法软件_arduino 6色液晶

    arduino连接lcd1602使用方法软件_arduino 6色液晶接线图[captionid=”attachment_1183″align=”alignnone”width=”1108″]LCD1602A接线图(4位)[/caption]4位接线法[codesyntaxlang=”cpp”]/***VSS…

    2026年2月19日
    7
  • L2-026 小字辈(dfs深搜)「建议收藏」

    L2-026 小字辈(dfs深搜)「建议收藏」原题链接本题给定一个庞大家族的家谱,要请你给出最小一辈的名单。输入格式:输入在第一行给出家族人口总数 N(不超过 100 000 的正整数) —— 简单起见,我们把家族成员从 1 到 N 编号。随后第二行给出 N 个编号,其中第 i 个编号对应第 i 位成员的父/母。家谱中辈分最高的老祖宗对应的父/母编号为 -1。一行中的数字间以空格分隔。输出格式:首先输出最小的辈分(老祖宗的辈分为 1,以下逐级递增)。然后在第二行按递增顺序输出辈分最小的成员的编号。编号间以一个空格分隔,行首尾不得有多余空格。

    2022年8月8日
    7
  • Java函数式编程详解

    Java函数式编程详解Java 从 1 8 以后引入了函数式编程 这是很大的一个改进 函数式编程的优点在提高编码的效率 增强代码的可读性 本文历时两个多月一点点写出来 即作为心得 亦作为交流 1 Java 函数式编程的语法 使用 Consumer 作为示例 它是一个函数式接口 包含一个抽象方法 accept 这个方法只有输入而无输出也就是说这个方法无返回值 现在我们要定义一个 Consumer 接口的实例化对象 传统的方式是

    2026年3月19日
    2
  • createmutex函数参数含义_pthread_create函数

    createmutex函数参数含义_pthread_create函数CreateMutexCreateMutex函数的作用是找出当前系统是否已经存在指定进程的实例,如果没有则创建一个互斥体。//VC声明HANDLECreateMutex(LPSECURITY_ATTRIBUTESlpMutexAttributes,//指向安全属性的指针BOOLbInitialOwner,//初始化互斥对象的所有者LPCTSTRlpName//指向互斥对象名的指针);一个应用:HANDLEhMutex;hMutex=CreateMutex(

    2022年10月5日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号