Question

我正在尝试使用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>

<style>

div {
border: 1px solid black;
}

</style>

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

Answer 1

您的问题是您的Javascript出现在代码中的元素之前。浏览器自上而下处理HTML文档，因此您的Javascript会在执行之前执行。

您可以将函数调用放在window.onload包装器中，也可以将<script>标记放在div之后。通常，它位于<body>标记的末尾，因为此时浏览器将处理所有元素。

使用JavaScript更改div

1 个答案: