做游戏人设计网站,wordpress 建立数据库连接时出错 重启数据库,企业网站免费建站,网盟推广和搜索推广的区别DOM对象相关的尺寸和位置属性
用于获取和修改元素在页面中的尺寸和位置。
只读属性#xff1a; clientWidth和clientHeight#xff1a;获取元素可视区域的宽度和高度#xff08;padding content#xff09;#xff0c;不包括边框和滚动条。 offsetWidth和offsetHeight…DOM对象相关的尺寸和位置属性
用于获取和修改元素在页面中的尺寸和位置。
只读属性 clientWidth和clientHeight获取元素可视区域的宽度和高度padding content不包括边框和滚动条。 offsetWidth和offsetHeight获取元素的完整尺寸包括可视区域、内边距和边框padding content border。 clientTop和clientLeft获取元素上边框和左边框的宽度border。 offsetLeft和offsetTop获取元素相对于其有定位position的父元素的左偏移和上偏移top、left。 scrollHeight和scrollWidth获取元素的滚动内容的高度和宽度包括溢出部分。
可读可写属性 scrollTop和scrollLeft获取或设置元素的垂直和水平滚动条位置滚动元素被卷起的宽度和高度。可以获取当前滚动的位置也可以通过修改其值来实现滚动位置的变化。 domObj.style.xxx属性获取或设置元素的样式属性例如domObj.style.width、domObj.style.color等。可以通过修改这些属性的值来改变元素的外观。
event 对象相关位置和尺寸属性
事件触发的时候自动传递到事件处理函数里。 clientX 和 clientY事件发生时鼠标指针相对于浏览器窗口视口viewport的水平和垂直坐标。clientX 是相对于浏览器窗口左上角的水平坐标clientY 是相对于浏览器窗口左上角的垂直坐标。 screenX 和 screenY事件发生时鼠标指针相对于用户的显示屏幕的水平和垂直坐标。screenX 是相对于显示屏幕左上角的水平坐标screenY 是相对于显示屏幕左上角的垂直坐标。这些坐标不随页面滚动而改变。 offsetX 和 offsetY事件发生时鼠标指针相对于事件目标元素即该DOM元素的水平和垂直坐标。X 是相对于事件目标元素内边界左上角的水平坐标offsetY 是相对于事件目标元素内边界左上角的垂直坐标。 pageX 和 pageY事件发生时鼠标指针相对于整个文档页面的水平和垂直坐标。pageX 是相对于文档页面左上角的水平坐标pageY 是相对于文档页面左上角的垂直坐标。这些坐标会受到页面滚动的影响。当页面没有滚动条时和clientX 和 clientY等价。但是当浏览器出现滚动条的时候pageX通常会大于clientX因为页面还存在被卷起来的部分的宽度和高度。
