首页
学习
活动
专区
圈层
工具
发布

【Web APIs】DOM 文档对象模型 ⑤ ( 获取特殊元素 | 获取 html 元素 | 获取 body 元素 )

html 标签内部 , body 标签是显示部分内容的 顶层标签 ; 通过 JavaScript 和 DOM 操作 可以获取上述两个 html 和 body 特殊标签 元素 ; 1、获取 html 元素...通过 document.documentElement 属性 , 可以获取文档中的 html 元素 , 该元素是 HTML 网页文档的最顶层元素 ; 代码示例 : const htmlElement...= document.documentElement; console.log(htmlElement); // 输出整个 元素的 DOM 对象 2、获取 body 元素 使用 document.body...> 元素的 DOM 对象 3、完整代码示例 在下面的代码中 , 通过 document.body 获取 body 元素 , 将背景颜色设置为黄色 ; 通过 document.documentElement...获取 html 元素 , 将该标签下的所有字体大小设置为 30 像素 ; 代码示例 : <!

1.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jquery获取第几个子元素_js获取元素的指定子元素

    可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素; :last-child:这个也与上面相对了,...(n):第n个匹配元素(不包括)之后的元素(n从0开始),如:ul:gt(2)返回从第3个ul开始的所有ul元素(含第三个); :lt(n):第n个匹配元素(不包括)之前的元素(n从0开始),如:ul...利用css选择器进行选择: 元素标签名:比如说(”a“)会选出所有链接元素; #id:通过元素id进行选择,比如说(“#form1”)会选择id为form1的元素; .class:通过元素的CSS类来选择...通过子选择器,容器选择器和属性选择器进行选择: *:匹配所有的元素,比如说:(*)会把页面中的所有元素都返回; E:匹配标签名为E的所有元素,如(“a”)返回所有链接元素; E F:匹配父元素E下的标签名为...F的所有子元素(F可以为E的子类的子类,甚至更远); E>F:匹配父元素E下的所有标签名为F的直接子元素; E+F:匹配所有标签名为F的元素,并且有E类型的兄弟节点在该F元素之前(E,F紧挨着); E~

    29.6K30

    获取元素高度的方法

    在前端开发中,设置元素的样式(style)是核心操作之一,主要通过 ​​直接操作内联样式​​ 或 ​​动态添加 CSS 类​​ 实现。...以下是常用方法及详细说明,覆盖不同场景和最佳实践: ​​一、直接设置内联样式(element.style)​​ 通过元素的 style 属性直接修改内联 CSS 样式,适用于​​动态计算样式​​或​​覆盖特定样式​​的场景...二、动态添加 CSS 类(推荐)​​ 通过操作元素的 classList 属性添加/移除 CSS 类,​​复用性强​​且符合分离关注点原则(样式定义在 CSS 中,逻辑控制类名)。 1....element.className.replace(/\bactive\b/g, ''); ​​三、通过 CSS 变量(自定义属性)动态设置​​ 现代浏览器支持通过 JS 修改 CSS 变量(自定义属性),间接控制元素样式...批量设置多个样式(cssText) 通过 setProperty 方法修改变量值(作用域可为全局或元素级): // 修改全局变量(影响所有使用该变量的元素) document.documentElement.style.setProperty

    16500

    【Kotlin】集合操作 ① ( List 创建与元素获取 | 安全获取集合元素 | getOrElse | getOrNull )

    文章目录 一、List 创建与元素获取 二、安全获取集合元素 1、getOrElse 函数 2、getOrNull函数 三、List 创建与元素获取代码示例 一、List 创建与元素获取 ----...Kotlin 中的集合分为两类 , 只读集合 和 可变集合 ; 调用 listOf 函数 , 可以 直接创建 List 集合 ; 通过 [] 下标可以 直接获取 List 集合中的元素 ; fun main...() { val list = listOf("Tom", "Jerry") println("${list[0]}") } 上述代码执行结果 : Tom 二、安全获取集合元素 ----...除了使用 [] 下标获取 List 集合元素外 , Kotlin 还提供了 安全获取集合元素的 方法 : getOrElse 和 getOrNull 函数 ; 1、getOrElse 函数 List元素获取代码示例 ---- 代码示例 : fun main() { var list = listOf("Tom", "Jerry") println("${list

    1.8K20
    领券