该方法与Js和JQ的差异比较来获取页面元素的值

该方法与Js和JQ的差异比较来获取页面元素的值
js和jQuery可以获得数值,如页面元素的宽度、高度和相对位移。他们能互相转换或替换吗它们之间有什么区别这篇文章将详细介绍给你。

1、Js得到浏览器的高度和宽度。
document.documentelement.clientwidth浏览器= = >可见区域的宽度

document.documentelement.clientheight = = >浏览器可见区域

document.body.clientwidth身体= = >对象的宽度

document.body.clientheight身体= = >目标高度

Jq得到浏览器的高度和宽度
$(窗口)Width(= >)浏览器可见宽度

$(窗口)高度(= >)浏览器可见区域

$(文档)高度(=)文档高度

$(文件体)高度(体)=对象高度

2、Js得到物体的高度和宽度。
obj.width = obj.style.width

Obj.clientWidth = width + padding ==> including inner boundary (padding) element width

obj.offsetheight =高度+填料+边框= = >包括内边界(填充)、(境)框架元素的高度

Jq gets the height and width of the object
(obj。innerwidth)= = >包括内边界(填充)元素的宽度,

(obj。边界的高度与宽度)= = >包括内边界(填料)和框架(边界)元素的宽度

Obj.outerWidth(真正的)= = >包括外边界元宽度(保证金)

在相同的元素应该是:宽度()< = innerwidth()< =边界的高度与宽度()< =边界的高度与宽度(真的);

3、Js得到物体的相对高度和宽度。
obj.offsetleft = = >元素相对于父元素的左

obj.offsettop = = >元素相对于父元素的顶部

obj.scrollwidth = = >获取滚动物体的宽度

obj.scrollheight = = >物体滚动的高度

获取或设置obj.scrollleft = = >对象位于左滚动距离

obj.scrolltop = = >坐落在对象顶部设置或获取滚动距离

Jq得到了物体的相对高度和宽度
Obj.offset(左)= = >元素相对于文档左

Obj.offset(前)= = >元素相对于顶部的文件

(obj。scrollLeft)偏移= = >设置或获取对象的滚动左。

(obj。scrollTop)偏移= = >设置或获取对象的滚动条顶部。

以上是本文的全部内容,希望大家能喜欢。

tag:元素方法差异页面电脑软件

相关内容