JS: DOM的常见属性

最新推荐文章于 2022-04-26 21:54:58 发布
最新推荐文章于 2022-04-26 21:54:58 发布
阅读量205 收藏 1
点赞数
分类专栏： javascript概念 文章标签： html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59519449/article/details/120078200
版权 
        innerHeight: 获取窗口的文档显示区域的高度
        innerWidth: 获取窗口的文档显示区域的宽度


        outerHeight: 获取整个窗口的高度
        

        clientX: 获取某一点到可视区域的左侧的距离
        clientY: 获取某一点到可视区域的顶部的距离


        offsetTop: 当前元素到offsetParent顶部的距离
        offsetLeft: 当前元素到offsetParent左侧边缘的距离
        offsetParent: 距离元素最近的一个具有定位的父元素,如果所有的父元素都不符合条件,offsetParent为body
        
        
        offsetWidth: 获取的是盒模型的宽度(width+border+padding)
        offsetHeight: 获取的是盒模型的高度(height+border+padding)


        window.onscroll: 在元素滚动条滚动时执行


        scrollTop: 获取滚动条收起的高度
一染星辰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript之DOM常用属性及方法详解
发果叁
10-21 7495
自定义属性目的∶是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute ('属性〉获取。element.getAttribute(‘属性’)//自己定义的element.setAttribute(‘属性’,‘值’)//主要针对自定义属性removeAttribute(‘属性’)但是有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性设置H5自定义属性H5规定自定义属性data-开头做为属性名并且赋值。
JS操作DOM元素属性和方法（转）
weirhp的专栏
03-16 218
JS操作DOM元素属性和方法 Dom元素基本操作方法API，先记录下，方便以后使用。 　　W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM，JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM...
JS:DOM 常用属性
weixin_59519449的博客
10-06 954
1.childNodes 返回包含被选节点的子节点的 NodeList 如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。 如需循环子节点列表，使用 nextSibling 属性，要比使用父对象的 childNodes 列表效率更高。 2.firstChild 返回被选节点的第一个子节点,如果选定的节点没有子节点，则该属性返回 NULL。 3.lastChild ...
JS DOM常用属性
boonyaxnn的博客
04-03 576
DOM: document object model 文档对象模型 提供了一套管理操作html文档的规则 document 就是dom的一个具象化的对象 整个文档对象就是 document document对象，不需要手动创建，直接使用即可。 1.doctype 描述：获取文档类型 它是document对象的第一个直接子节点 语法：document.doctype ...
JS——DOM属性
web developer
09-03 850
目录 attribute属性下的方法 getNamedItem()方法 removeNamedItem()方法 setNamedItem()方法 property属性和attribute属性下通用方法 getAttribute() setAttribute() removeAttribute() 常见的元素固有属性 布尔属性 checked selected readOn...
dom.js:dom.js
03-23
对元素属性的修改是DOM操作中的常见任务，`dom.js`提供了`setAttribute(name, value)`、`getAttribute(name)`和`removeAttribute(name)`等方法，方便地设置、获取或移除元素属性。 4. **事件处理** 事件处理是DOM...
ManipulacaoDaDOM-js：DOM的当前操作
02-09
"ManipulacaoDaDOM-js"项目显然是关于使用JavaScript来操作DOM的实例，这在网页动态效果、数据绑定以及用户交互等方面极其常见。下面我们将深入探讨DOM操作相关的知识点。 首先，DOM是HTML或XML文档的一种抽象表示...
domConnectLine:dom连线
07-03
在IT行业中，DOM（Document Object Model）连线题是一种常见的交互式学习工具，它允许用户通过拖动线段连接不同的元素，以测试或增强他们对特定概念的理解。在这个场景下，`domConnectLine` 是一个基于jQuery库实现...
逆战班：DOM获取元素对象
01-08
首先，获取DOM元素是JavaScript中常见的任务。以下是一些常用的方法： 1. **根据ID获取元素**： 使用`getElementById()`方法可以获取具有特定ID的唯一元素。例如，如果有元素`<div id="name"></div>`，我们可以...
UIcourse_lecture9:DOM遍历
06-21
遍历DOM是JavaScript中常见的任务，用于查找特定元素或处理文档中的元素集合。以下是一些基本的遍历方法： 1. `childNodes`: 返回一个NodeList对象，包含了元素的所有子节点，包括文本节点、注释节点等。 2. `...
JS操作DOM元素属性和方法
热门推荐
力求改变，给自己多一点，再多一点的挑战！
03-24 2万+
<br /><br />Dom元素基本操作方法API，先记录下，方便以后使用。 <br /> <br />　　W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访<br /> <br />问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM，JavaScript根本没有Web页面和构成页面元素的概念。文档<br /> <br />中的每个元素都是DOM的一部分，这就使得JavaScript可以
js-dom操作的属性及方法
碎语1992
08-14 505
1. 获取和设置属性 1）getAttribute
js操作dom元素的属性和方法
sunshingheavy的专栏
02-01 837
 查看文章 js操作dom元素的属性和方法2009年04月14日 星期二 16:32　　W3C DOM和JavaScript　　W3CDOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的
js dom属性
weixin_43294560的博客
11-24 129
dom 常用属性 doctype 获得文档开头描述,若无返回null document.doctype; documentElement 返回第二个子节点，即html文档 document.documentElement; body 拿到body节点或frameset节点 document.body; head 拿到head节点 ...
JavaScript的DOM属性
maid_04的博客
12-10 290
今天我想记录一下我对DOM属性的总结 首先，先来认识一下什么是JS的DOM DOM 全称 Document Object Model ，中文名是 文档对象模型 文档：我们的html页面 文档对象：页面中的元素 文档对象模型：为了能够让程序–js去操作页面中的元素而定义的标准，通过 DOM，可访问 HTML 文档的所有元素 接下来，就认识一下DOM的一些属性及一些对属
js DOM的属性及样式
蒲公英芽的博客
01-04 263
DOM的常用属性 document.body：body元素 document.title：获取、设置文档的标题 document.head：获取head标签 document.styleSheets：获取css样式对象 document.URL：获得完整的URL document.domain：获取域名 console.log(document.body);//body标签 console.l...
js中DOM里面的属性，方法
无
06-29 1695
js中DOM里面的属性，方法 //循环打印DOM里面的属性，方法 for(x in document){ document.write(x+""); } //设置字体颜色 document.fgColor="Orange"; //设置文档的字体大小 document.body.style.fontSize="18px"; //设置字体的类型 document.b
JS中的DOM操作属性、DOM创建、DOM增加、DOM修改、DOM删除以及DOM获取非行间样式
王春燕的博客
04-26 5278
当网页被加载时，浏览器会创建页面的文档对象模型DOM（Document Object Model），在DOM中，每个东西都是节点。 DOM四大操作：查找、更新、添加、删除 通过DOM，JavaScript 可创建动态的 HTML： 能够改变页面中的所有 HTML 元素 能够改变页面中的所有 HTML 属性 能够改变页面中的所有 CSS 样式 能够对页面中的所有事件做出反应 前提：首先找到相关元素，前面一篇博客，详细的说明了，如何查找相关的元...
javascript的操作DOM的属性
qq_53587164的博客
04-14 988
DOM JavaScript分三个部分 ECMAScript标准:JS的基本语法 DOM:DocumentObjectModel--->文档对象模型-----操作页面的元素 BOM:BrowserobjectModel...--.浏览器对象模型--操作的是浏览器 DOM:文档对象模型 *文档:把--个htmL文件看成是--个文档，由于万物皆对象，所以把这个文档看成是一个对象 *XML文件也可以看成是一个文档 *HTML：展显示信息，数据 *XML：重点在于存储 ...
JS基础方法大全（11万字）
最新发布
01-19
"这篇11万字的JS基础方法大全涵盖了JavaScript的广泛内容，包括Ajax、this指针、面向对象编程、Promise、正则表达式、JQuery、JQuery对象复制、多库共存策略、字符串和数组方法、运算符、循环结构、条件判断、作用域...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值