使用Javascript更改宽度和高度

Change width and height using Javascript

本文关键字：高度 Javascript 使用      更新时间：2023-09-26

我目前正在做一个简单的任务，使用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';
}

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

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

您从未调用过函数本身…

你需要在加载脚本后调用它或者将其转换为匿名函数这是demo

相关文章：