Javascript DOM中div的正宽度

我有一个示例div（宽度：10%）和一个示例按钮，我想在单击按钮时，div的宽度加上10

第一次单击>>宽度=20%

第二次单击>>宽度=30% . .

你能用DOM做这个吗

HTML

<div></div>
<input id="btn" type="button" value="Progresse Bar +10%">
<script src="main.js"></script>

js

document.getElementById("btn").addEventListener("click", func);
function func() {
document.getElementsByTagName("div")[0].style.width+=10;
}

---

是的，您可以实现以下描述的行为：

document.getElementById（“btn”）.addEventListener（“单击”，递增宽度）；
//初始化宽度
宽度=10；
设置宽度元素（宽度）；
函数incrementWidth（）{
宽度+=10；
设置宽度元素（宽度）；
}
函数setWidthOneElement（宽度）{
document.getElementsByTagName（“div”）[0].style.width=`${width}%`；
}

。进度条{
高度：200px；
背景色：rgb（173230,18）；
}

document.getElementById("btn").addEventListener("click", func);
function func() {
document.getElementsByTagName("div")[0].style.width+=10;
}