JS与JQ 获取页面元素值的方法和差异对比

Posted Booo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS与JQ 获取页面元素值的方法和差异对比相关的知识,希望对你有一定的参考价值。

获取浏览器高度和宽度

document.documentElement.clientWidth ==> 浏览器可见区域宽度 
document.documentElement.clientHeight ==> 浏览器可见区域高度 

 

$(document).width() ==> 浏览器可见区域宽度
$(document).height() ==> 浏览器可见区域高度 

 

获取对象的高度和宽度

 

obj.width = obj.style.width   ==> 获元素内容宽度
obj.clientWidth = width + padding   ==> 获得包括内边界(padding)的元素宽度
obj.offsetWidth = width + padding + border ==> 获得包括内边界(padding)和边框(border)的元素高度

 

obj.width() ==> 获元素内容宽度
obj.innerWidth() ==> 获得包括内边界(padding)的元素宽度,
obj.outerWidth() ==> 获得包括内边界(padding)和边框(border)的元素宽度
obj.outerWidth(true) ==> 获得包括外边界(margin)的元素宽度

 

获取对象的相对高度和宽度

 

obj.offsetLeft ==> 元素相对于父元素的left
obj.offsettop ==> 元素相对于父元素的top
obj.scrollWidth ==> 获取对象的滚动宽度
obj.scrollHeight ==> 获取对象的滚动高度 
obj.scrollLeft ==> 设置或获取位于对象左端滚动的距离
obj.scrollTop ==> 设置或获取位于对象顶端滚动的距离

 

obj.offset().left ==> 元素相对于文档的left
obj.offset().top ==> 元素相对于文档的top
obj.scrollLeft() ==> 设置或返回对象相对滚动条左侧的偏移。
obj.scrollTop() ==> 设置或返回对象相对滚动条顶部的偏移。

 
















以上是关于JS与JQ 获取页面元素值的方法和差异对比的主要内容,如果未能解决你的问题,请参考以下文章

jq 在iframe中点击按钮,父元素触发事件

html里面,点击按钮时,怎么使用js或jq给iframe里面的表单赋值和提交

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jQuery获取和设置表单元素的方法

ios上网页iframe里,把页面下拉,进行元素的隐藏显示和增删节点的dom操作页面会瞬间回到顶部

Jquery 获取子元素问题