Javascript 如何在每次单击框时增加其宽度？

如何在每次单击框时增加其宽度

这就是我迄今为止所尝试的

box = document.querySelector(".box")

box.addEventListener('click',()=>{

  box.style.width=box.style.width+"50px"

 })

---

您可以使用

offsetWidth

（带边框大小）或

cientWidth

属性获取当前div宽度

box=document.querySelector（“.box”）
box.addEventListener（'单击'，（）=>{
box.style.width=（box.offsetWidth+50）+“px”
})

.box{
宽度：20px；
高度：10px；
背景：红色；
}

---

box.style.width

将为您提供一个空字符串。如果未通过

style

属性应用样式，您可以像这样使用

offsetWidth

box.style.width=box.offsetWidth+50+“px”请同时添加html应用样式属性，我不明白为什么这样做不起作用，