原生获取html的宽高,js原生获取css属性

原文参考http://blog.csdn.net/lzding/article/details/46317777

1.写在dom上的属性，内联样式

var oBox = document.getElementById('box')

console.log(oBox.style.width)

1)对于复合属性(如background)，假设行间设置了样式：background-color:#333，不能通过 element.style.background 来获取(见上面例子)

2)css属性使用驼峰法，如 backgroundColor、marginTop等。

2.写在css中的属性，非内联样式(chrome)

var oBox = document.getElementById('box');

var a = getComputedStyle(oBox, null)['width']; // 100px

1)对于复合属性：使用 getPropertyValue 获取属性值时，不能使用驼峰写法，如：例子中的 getpropertyValue('backgroundColor') 无法正确获得值，而必须写成 background-color

2)另外，以下写法也正确：getComputedStyle(oBox, null)['backgroundColor']、getComputedStyle(oBox, null)['background-color']， 以及 getComputedStyle(oBox, null).backgroundColor 等

本文来源于网络：查看 >https://www.cnblogs.com/victory820/p/7498668.html