使用JavaScript更改div的宽度

我试图使用JavaScript更改div的宽度，但我的代码的一部分出现了问题。我认为是这一部分：

document.getElementById("div").style["width"] = width+"px";

我不确定它出了什么问题，所以如果你知道，请让我知道。谢谢

<script>

function adapt (percentage) {

var width = percentage/100;
var width = window.innerWidth*width;

document.getElementById("div").style["width"] = width+"px";

}

adapt(80);

</script>

功能调整（百分比）{
变量宽度=百分比/100；
变量宽度=窗口。内部宽度*宽度；
document.getElementById（“div”）.style[“width”]=width+“px”；
}
改编（80）；

div{
边框：1px纯黑；
}

您的问题是Javascript出现在代码中的元素之前。浏览器自上而下地处理HTML文档，所以Javascript甚至在有元素可操作之前就被执行了

---

您可以将函数调用放在

窗口中。onload

包装器，或者将

标记放在

div

之后。通常，它被放置在

标记的末尾，因为此时浏览器已经处理了所有元素。

对我来说很有效它工作得很好页面的

标题部分是否有Javascript？你能给我们看一把小提琴吗？你的JavaScript在哪里？@Purag不，它不在脑袋里。
<style>

div {
border: 1px solid black;
}

</style>

<div id = 'div'> </div>