Question

我目前正在处理一个简单的任务，使用javascript更改div id的宽度和高度。这是我的代码，我无法让它工作。有什么我忘记添加的吗？

HTML：

<!doctype html>
<html>
<head>
</head>
<body>

<div id="box">
    Hello!
</div>

<script src="main.js"</script>
</body>
</html>

使用Javascript：

function changeSize() {
document.getElementById('box').setAttribute("style","display:block;width:300px;background-color:blue;");
document.getElementById('box').style.width='300px';
}

Answer 1

在引用您的脚本时出现问题，它没有>标记

<script src="main.js"> </script>

<强> DEMO

Answer 2

你永远不会自己调用这个函数......

您需要在加载脚本后将其调用或将其转换为匿名函数，这里是demo

使用Javascript更改宽度和高度

2 个答案: