JS获取元素的高度

1.offsetHeight

var div = document.getElementById('demo');
console.log(div.offsetHeight); // 244 注意这里返回的值不带有单位

offsetHeight的值包括元素内容+内边距+边框

offsetHeight = content + padding + border = 200 + 20 * 2 + 2 * 2 = 244

2、clientHeight

var div = document.getElementById('demo');
console.log(div.clientHeight); // 240 注意这里返回的值不带有单位

clientHeight的值包括元素内容+内边距

clientHeight = content + padding = 200 + 20 * 2 = 240

3、window.getComputedStyle()
getComputedStyle()获取的是最终应用在元素上的所有CSS属性对象（即使没有CSS代码，也会把默认的属性都显示出来）并且getComputedStyle()是只读的，通过getPropertyValue()获取CSS样式申明对象上的属性值。

console.log(window.getComputedStyle(div).getPropertyValue("height")); //200px  注意这里返回的值带有单位。

4、getBoundingClientRect()
getBoundingClientRect()方法获取与元素相关的CSS属性边框集合。返回对象中共有以下几个属性：

var div = document.getElementById('demo');
console.log(div.getBoundingClientRect().height);// 244

height的属性值 = 元素内容+内边距+边框

5.项目遇到父组件传值给子组件，子组件监听数据变化可以用watch监听数据变化

如果要在子组件打印父组件传来的数据必须是在beforeUpdate和updated生命周期才能监听的到，

6.vue获取某个标签的高度,渲染后的高度

参考
this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …mHeight = this.refs.inforTitleR.clientHeight - 20 + “px”;
});