前端js学习巩固

scroll系列

• element.scrollTop 返回被卷去的上侧的距离
• element.scrollLeft 返回被卷去的左侧的距离
• element.scrollWidth 返回自身的宽度(内容超出的话就是实际大小,包括内容) 不包含边框
• element.scrollHeight 返回自身的高度 不包含边框

client系列

• element.clientTop 返回元素上边框的大小
• element.clientLeft 返回元素左边框的大小
• element.clientWidth 返回自身包含内容区和padding的宽度,不含边框
• element.clientHeight 但会自身包含内容区和padding的宽度,不含边框

offset系列

• offset可以获得任意样式表中的样式值
• offsetWidth 包含padding+border+width
• offsetWidth是只读属性,只能读不能写

style

• style只能得到行内样式表中的样式
• 'style.width不包含padding和border
• style是可读可写的
• 所以,要修改盒子的宽度和高度,用style