获取dom的三种方式
<div @click="getElement ($event)" id="test" ref="test" />
//原生
let element = document.getElementById("test")
// vue
let element = this.$refs.test
// vue获取原生实例
getElement （event）{
let element = event.target
}
dom常用属性 （ element .属性）
元素类型
| 名称 |
描述 |
| innerHTML/innerText |
内容 |
样式宽+padding
| 名称 |
描述 |
| clientWidth |
该元素对象的左内边框至右内边框的距离。 |
| clientHeight |
|
| clientTop |
|
| clientLeft |
该元素对象的左边框宽度。 |
样式宽+padding+border
| 名称 |
描述 |
| offsetWidth: |
该元素左外边框至右外边框的距离。 |
| offsetHeight: |
|
| offsetTop: |
|
| offsetLeft: |
该元素左外边框至窗口左边界的距离。 |
dom 滚动宽高， 样式宽包括滚动部分
| 名称 |
描述 |
| scrollWidth: |
是元素的宽度且包括滚动部分。 |
| scrollHeight: |
|
| scrollTop: |
可视区域距离滚动顶部的距离 |
| scrollLeft: |
|
网友评论