为什么我这样无法改变样式？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>样式转换</title>
<style type="text/css">
.luck{
width:400px;
height:200px;
border: 3xp groove;
background: coral;
<--!设置样式-->
}
</style>
<script type="text/javascript">
document.getElementById("con").style.background="black"//提取并转换样式
</script>
</head>
<body>
<div class="luck" id="con">你存在！我深深的脑海里！</div>
</body>
</html>
我要冲钱浏览 1366回答 3
3回答
-
慕瓜4807886
因为如果你这样写的话，页面还没加载到con这个组件，你用document.getElementById("con")是取不到这个元素的，你可以吧<script type="text/javascript"> document.getElementById("con").style.background="black"//提取并转换样式 </script>这个放到</body>后面应该就可以了 -
00小伙
顺序问题，你把js代码放到div后面就可以了，望采纳！
随时随地看视频慕课网APP
相关分类
JavaScript