getElement与offset的冲突
getElement的各种方法如getElementByClassName方法获取到元素后,通过offset获取宽高都是获取到undefined.原因没找到。
但是通过querySelector方法可以通过offset方法获取到宽高
##js代码
window.onload=function() {
console.log(document.querySelector(".wrap").offsetWidth);
// console.log(document. getElementsByClassName(".wrap").offsetWidth);
}
##html和css代码
<style>
html,body,#app{
width: 100%;
margin: 0;
padding: 0;
min-width: 911px;
}
.wrap{
height: 100px;
width: 500px;
background-color: black;
}
h1,h2,h3,h4,h5,h6,p,ul,li{margin: 0px;padding: 0px;font: 14px "微软雅黑";}
a{text-decoration: none;display: block;}
li{list-style: none;}
img{display: block;}
</style>
</head>
<body>
<div class="wrap"></div>
<div class="wrap"></div>
<div class="wrap"></div>
<div class="wrap"></div>
<div class="wrap"></div>
<script src="./main.js"></script>
</body>