dom.style.left 与 dom.offsetLeft区别

dom.style.left 初始空值，必须在html行内样式定义值才有值，在css样式定义仍为空值
可读写，是字符串，读写是必须加px，否则无效
js设置之后，有值

设置非整数值，会保持原样，例如 style.left = 8.22px, 输出style.left，仍然为8.22px

dom.offsetLeft 初始有值，只读，不可写，是数字

通过style.left设置的非整数值，会四舍五入，例如 style.left = 8.22px,属性offsetLeft, 会为 8

转换 dom.style.left = dom.offsetLeft + ‘px‘

style.top和offsetTop、style.width和offsetWidth、style.height和offsetHeight类似

时间： 2024-10-11 03:34:48

dom.style.left 与 dom.offsetLeft区别的相关文章

DOM Style样式对象的详细用法

DOM Style样式对象的详细用法 HTML Style样式比较复杂,相应访问.修改方法也有所差异.参考相关资料,整理如下. 典型Html文件如下,有三种定义方式. <head> <style type="text/css"> /* 内部样式 */ h3 {color:green;} </style>

4D产品(DLG.DEM.DOM.DRG)是什么? 4D产品是指DRG(数字栅格地图).DLG(数字线化图) .DEM(数字高程模型).DOM(数字正射影像图).4D 复合产品是将4D产品中的任意两种或几种产品模式,通过融合的方法生成的叠加产品. 1.DRG (数字栅格地图) 数字栅格地图是纸制地形图的栅格形式的数字化产品. 可作为背景与其他空间信息相关,用于数据采集.评价与更新,与DOM.DEM集成派生出新的可视信息. 2.DLG (数字线划地图) 现有地形图上基础地理要素分层存储的矢量数据集

HTML DOM Style 对象

摘抄自:HTML DOM Style 对象通过对象方式设置的属性,与在css文件里面设置的属性是不太一样的,针对属性还会有一些具体的参数的设置: 比如background document.body.style.background="#FFCC80 url(bgdesert.jpg) repeat-y"; background参数设置 Background 属性属性描述 background 在一行中设置所有的背景属性 backgroundAttachment 设置背景图像是否

dom对象和jQuery对象的区别

1.jQuery对象和DOM对象在第一次学习Jquery的时候也许大家都不是很清楚Jquery对象和DOM对象两者之间的关系,下面就解释两点,便于对Jquery和Dom加深理解DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;复制代码代码如下: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id");

dom.getAttribute('value') 和 dom.value 的区别

dom 是一个 input type="text" 使用: dom.setAttribute("value","2011"),只能通过 dom.getAttribute("value") 得到 2011 使用: dom.value = 2012,只能通过 dom.value 得到 2012 也就是说: getAttribute 和 setAttribute 是一套, 直接使用属性是一套,两套完成不是一回事. 总结: 1.

dom解析和sax解析的区别

dom 和 sax 解析方法的区别 1,dom解析的优点是对文档crud比较方便,缺点是占用内存较多2,sax解析的优点是占用内存少,解析速度快,缺点是只适合做文档的读取,不适合做文档的crud 解析方式1 dom是将整个文档加载进内存,所以内存消耗会很大,当文档的太大时,不适合用Dom dom文档加载进内存后作为一个Document对象,把每个节点当作一个Element对象,如果该元素有内容,就将该内容作为一个Text对象,所以dom对文档的crud很方便2 sax是一行一行的解析,并且不能

JS的dom获取innerHtml和innerText的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JSDom获取图层节点</title></head><body><script type="text/javascript"> function getInnerHtml() { var dom=docum

dom core,html dom,css dom,jquery 中的dom操作

前端开发中为达到某种目的,往往有很多方法:dom core,html dom,jquery; dom core/jquery主要通过函数调用的方式(getAttribute("属性名")/attr("属性名"))获取属性值, html dom一般利用属性的形式(element.属性名)获取对应属性值,形式相对简洁.此外,针对于css相关的对象,还有css dom 前端开发中的节点有三种:元素节点:文本节点和属性节点 js一般对于dom core和html dom都支

JavaScript操作DOM与jQuyer操作DOM的对比

1.通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM. 2.通过jQuery方法包装后的对象,是一个类数组对象.它与DOM对象完全不同,唯一相似的是它们都能操作DOM.通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短. 3.jQuery是一个类数组对象,而DOM对象就是一个单独的D