js怎样获取div元素的宽度

<div class="box">
</div>
<div class="box1 box2" style="width: 200px; height:200px;padding:5px;"></div>


<script type="text/javascript">
	var dom = document.querySelector('.box');
	var dom1 = document.querySelector('.box1');
	// 包括padding border
	console.log(dom.offsetWidth);
	// 不包括padding border 仅仅是width 这个ie也许有兼容性问题
	console.log(getComputedStyle(dom).width);
	// 获取到通过style设置的宽度, 如果是只有类，没有style,那么就获取为空
	console.log(dom1.style.width);
</script>