我正在尝试使用 javascript 设置 div 元素的一些属性，但没有设置属性，我在浏览器中使用了检查模式，它说: 未捕获的类型错误:无法读取未定义的属性“样式”
我已经尝试使用 ID 属性来获取元素甚至 querySelector 方法，但没有任何变化
<body>
<div id="app">
<div class="box"></div>
</div>
<script>
var boxElement = document.getElementsByClassName('.box')[0];
boxElement.style.width = 100;
boxElement.style.height = 100;
boxElement.style.backgroundColor = '#f00';
</script>
</body>
最佳答案
getElementByClassName 意味着选择器的名字是一个类，所以你不需要它前面的点。与您不需要带有 getElementById 的 # 相同。
var boxElement = document.getElementsByClassName('box')[0];
编辑:正如其他人已经指出的那样，不需要 getElementByClassName() 函数，您只需使用 querySelector() 函数即可避免将数组作为结果。
关于javascript - 未捕获的类型错误 : Cannot read property 'style' of undefined in javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57699897/