js中访问元素样式错误
在提供的代码中，你想要通过JavaScript访问
错误所在：
你的代码中的“style”属性存在拼写错误，正确写法是“style”。此外，在新式JavaScript中，“onclink”事件监听也已弃用，应使用“onclick”。
更正后的代码：
立即学习“Java免费学习笔记（深入）”；
box1.style.width = "300px"; box1.style.height = "300px"; box1.style.backgroundColor = "yellow";
正确写法：
将这段代码替换为更正后的代码：
box1.style.width = "300px"; box1.style.height = "300px"; box1.style.backgroundColor = "yellow";
修改后的代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box1 {
width: 100px;
height: 100px;
background-color: red;
}
</style>
<script type="text/javascript">
window.onload = function () {
/*
点击按钮后,修改box1的大小
*/
//获取box1
var box1 = document.getElementById("box1");
//为按钮绑定单机响应函数
var btn01 = document.getElementById("btn01");
btn01.onclick = function () {
//修改box1的宽度
box1.style.width = "300px";
box1.style.height = "300px";
box1.style.backgroundColor = "yellow";
};
};
</script>
</head>
<body>
<button id="btn01">点我一下</button>
<br /><br />
<div id="box1"></div>
</body>
</html>以上就是为什么我的JavaScript代码无法修改元素的样式？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1011
