首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JSDOM

DOM:document object model。文档对象模型。它主要由许多节点。而基于JS对象的一切视角,DOM核心是节点对象和操作方法的属性。从下面三方面来介绍DOM。...见导图: 二、DOM之CSS样式 对于这部分的内容,涉及到的也是CSS样式的获取和操作。...三、元素尺寸和位置 通过上述CSS样式的方式,我们也是能够获取DOM中各个元素的尺寸和位置的,但有一个弊端:当元素中存在pading,margin这些样式设计时,这些方法便不能获得一些元素真正的大小和位置...JS中提供了专门儿用于获取元素尺寸和大小的方法。 实际大小:针对于元素的实际大小。主要与四个因素有关,padding。margin,border,scroll。而以下提供的几种方法,针对于不同的因素。...会有不同的结果,仅依据需求使用就可以 周边大小: 小结:DOMJS学习的一个核心内容。

3.2K20

js、jQuery 获取文档、窗口、元素的各种

基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...,相当于整个文档,整个页面的Y的) IE9之下并不支持这个属性 clientY: 鼠标相对于浏览器窗口左上角的偏移(其不会受滚动条影响,相对于滚动条当前的位置的浏览窗口的...Y) 注意clientY和pageY的区别,pageY在页面无滚动条或滚动条下拉0的情况下等同于clientY event.offsetX 相对容器的水平坐标 event.offsetY...offsetY : offsetY和layerY的不同在于,前者的在计算偏移时,相对于元素的border左上角的内交点, 因此当鼠标位于元素的border上时,偏移是一个负值...2.在元素具有上边框border-top的情况下, layerY比offsetY的多一个border-top的宽度

14K32

jsDOM理解

try…catch try{}catch(e) {}finally{} Error.name的六种对应的信息: 1. EvalError:eval()的使用与定义不一致 2....arguments.callee,func.caller,变量赋值前必须声 明,局部this必须被赋值 (Person.call(null/undefined) 赋值什么就是什么),拒绝重复属性和参数 复制代码 DOM...什么是DOM 1.DOM — > Document Object Model 2.DOM定义了表示和修改文档所需的方法。...DOM对象即为宿主对象, 由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML以及XML的标准编程接口。...复制代码 DOM基本操作 1.对节点的增删改查 查看元素节点 document代表整个文档 document.getElementById() //元素id 在Ie8以下的浏览器, 不区分id大小写,而且也返回匹配

4.2K30

JS DOM学习笔记

document.createElement("input"); //创建一个input标签 btn.type = "button";//input标签类型为按钮 btn.value = "提交"; //设置按钮...document.appendChild(btn); //将按钮添加到文档中 13、不同浏览器中对DOM支持的方法不一样 获取网页中那个元素触发了事件,在IE中使用srcElement; 在FireFox...里使用target 使用Dom获取和更改网页标签元素内文本,在IE中使用innerText; 在FireFox里使用textContent 动态为网页或元素绑定事件,在IE中绑定事件的方法是attachEvent...; 在FireFox中绑定事件的方法是addEventListener jQuery之类的框架进行了封装,解决了不同浏览器上Dom的不同 14、jQuery的ready和Dom的onload的区别:window.onload...只能注册一次,是在所有的Dom元素创建完毕、图片、CSS都加载完毕后才被触发;而jQuery的ready则是在Dom元素创建完毕后被触发,这样可以提高网页的响应速度 15、js打印一个对象的所有属性:

4K40
领券