1.1 獲取元素的寬高

1.1.1 元素的（width + padding + border）寬高： 元素.offsetWidth ；元素.offsetHeight；

var oDiv = document.querySelector(“div”);

console.log(oDiv.offsetWidth, oDiv.offsetHeight); //width + padding + border

1.1.2 元素的（width + padding ）寬高：元素.clientWidth ；元素.clientHeight；

console.log(oDiv.clientWidth, oDiv.clientHeight); //width + padding

1.1.3 取元素的寬高（只能取到行內(nèi)樣式，取到的值有單位）：元素.style.width ；元素.style.height；

console.log(oDiv.style.width, oDiv.style.height); //只能取到行內(nèi)樣式 取到的值有單位

1.1.3 取元素的寬高（既能取到行內(nèi)，也能取到內(nèi)部和外部引入的樣式 ，取到的值有單位 ）：getComputedStyle(元素)[’width’] ; getComputedStyle(元素)[’height’] ;

console.log(getComputedStyle(oDiv)[“width”]); //既能取到行內(nèi)

console.log(getComputedStyle(oDiv)[“height”]); //也能取到內(nèi)部和外部引入的樣式

1.1.3 某個DOM對象距離定位父級的左邊距（offsetLeft）和上邊距(offsetTop): 元素.offsetLeft ; 元素. offsetTop ;

//某個DOM對象距離定位父級的左邊距（offsetLeft）和上邊距(offsetTop)

console.log(oDiv.offsetLeft, oDiv.offsetTop);