首页 > 编程语言 >JavaScript学习笔记—DOM:通过属性读取样式

JavaScript学习笔记—DOM:通过属性读取样式

时间:2023-02-05 00:11:16浏览次数:43  
标签:定位 JavaScript 读取 DOM 样式 元素 element 获取

读取的样式都是只读,无法修改

  • 获取元素内部的宽度和高度(包括内容区和内边距)
    element.clientHeight
    element.clientWidth
  • 获取元素的可见框的大小(包括内容区、内边距和边框)
    element.offsetHeight
    element.offsetWidth
  • 获取元素滚动区域的大小
    element.scrollHeight
    element.scrollWidth
  • 获取元素的定位父元素(离当前元素最近的开启了定位的祖先元素,如果所有的元素都没有开启定位则返回body)
    element.offsetParent
  • 获取元素相对于其定位父元素的偏移量
    element.offsetTop
    element.offsetLeft
  • 获取或设置元素滚动条的偏移量(可修改)
    element.scrollTop
    element.scrollLeft

标签:定位,JavaScript,读取,DOM,样式,元素,element,获取
From: https://www.cnblogs.com/zibocoder/p/17092684.html

相关文章

  • [rk3568][buildroot] 移除RK3568 iodomain check
    1.问题背景RK3568基线代码默认会起一个服务监控RK3568iodomain,该服务间隔性输出log信息;由于该功能非必要,故选择移除该部分逻辑2.解决方案查看源码编译脚本,如下图所......
  • 关于长链剖分的数组实现 | CF1009F Dominant Indices
    请容许我不理解一下为什么这题题解几乎全都是指针实现/kk其实长链剖分是可以直接用数组来写的。考虑朴素DP。设\(f_{u,i}\)表示以点\(u\)为根的子树中与点\(u\)距......
  • 【JavaScript】2_数据类型
    1、数值数值(Number)在JS中所有的整数和浮点数都是Number类型JS中的数值并不是无限大的,当数值超过一定范围后会显示近似值Infinity是一个特殊的数值表示无穷所以在JS中进行......
  • springboot读取docker容器系统环境变量,在alpine和debian版本的差异
    执行dockerrun--rm-e"a.a=c"-e"cc=ccs"-italpine:3.16sh,进入容器后,执行env,查看到的环境变量有cc,a.a执行dockerrun--rm-e"a.a=c"-e"cc=ccs"-itdebian......
  • JavaScript高级第01天笔记-cnblog
    JavaScript高级第01天笔记1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用......
  • JavaScript高级第02天笔记-cnblog
    JavaScript高级第02天笔记1.构造函数和原型1.1对象的三种创建方式--复习字面量方式varobj={};new关键字varobj=newObject();构造函数方式function......
  • JavaScript高级第03天笔记-cnblog
    JavaScript高级第03天笔记1.函数的定义和调用1.1函数的定义方式方式1函数声明方式function关键字(命名函数)functionfn(){}方式2函数表达式(匿名函数)var......
  • 8个你可能不知道答案的常见JavaScript面试问题
    不管你喜不喜欢,棘手的问题仍然会被野外的面试官问到。 原因是,这些问题可以告诉你很多关于你对语言的核心理解,因此你是否适合这份工作。这些问题中涉及的常见概念包括......
  • JavaScript对象
    JavaScript对象在JavaScript中,几乎所有的事物都是对象。JavaScript对象是拥有属性和方法的数据。JavaScript 对象也是一个变量,但其可以包含多个值(多个变量),每个值以......
  • vuejs从入门到精通——DOM 中的根组件模板
    DOM中的根组件模板https://cn.vuejs.org/guide/essentials/application.html#the-root-component当在未采用构建流程的情况下使用Vue时,我们可以在挂载容器中直接书写......