包括边框

element.offsetHeight    返回元素的高度。    (包括边框)

element.offsetWidth    返回元素的宽度。    

element.offsetLeft    返回元素的水平偏移位置。    

element.offsetParent    返回元素的偏移容器。    

element.offsetTop    返回元素的垂直偏移位置。    

不包括边框

element.clientHeight    返回元素的可见高度。    

element.clientWidth    返回元素的可见宽度。    

clientX    返回触发鼠标事件时,鼠标指针相对于当前窗口的水平坐标。       

clientY    返回触发鼠标事件时,鼠标指针相对于当前窗口的垂直坐标。    


相关推荐

javascript原生js实现html中checkbox复选框按shift多选/全选/反选被勾选的id

纯原生JavaScript代码 无需任何库整理后 可以直接拿来用的代码<input type='checkbox' name='cateid[]'> <

javascript 解析json解析 遍历

代码:obj=JSON.parse('{"id":"8","home":"beijing","uid&

javascript网页 cookies取cookies

//取cookies function getCookieByName(name){ for(item of document.cookie.split(';')){ if(it

html左右布局 原生javascript实现分割条 可拖动分隔条

利用浮动+margin实现 左右布局 并用js实现可拖动分隔条 并用cookies记住宽度代码:<style> body{margin:0px;padding:0px;} .body{he

javascript变量声明之:let的使用 for循环中 var和let的区别

在for循环中 var 和 let的区别<script> //var方式的循环 for (var i=0; i<3; i++){ //要循环执行的代码 } console.log

javascript parseint()函数用法 - 字符串到整数

定义和用法parseInt() 函数可解析一个字符串,并返回一个整数。当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。当忽略参数 ra

javascript array.slice() 方法

slice 方法 (Array)返回一个数组的一段。arrayObj.slice(start, [end])参数arrayObj必选项。一个 Array 对象。start必选项。arrayObj 中所

array.pop()和 array.shift()用法 javascript 数组删除成员

方法:Array.pop() //移除数组中的最后一个元素并返回该元素。如果数组为空 则返回undefined Array.shift() //移除数组中的第一个元素并返回该元素例子:<scri

javascript合并数组 :concat方法用法

例子:<script> a = new Array(1,2,3); b = "JScript"; c = new Array(42, "VBScript&q

javascript constructor 属性

constructor 属性表示创建对象的函数。object.constructor必需的 object是对象或函数的名称。说明constructor 属性是所有具有 prototype 的对象的成员