<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.background="#ccc";
mychar.style.width="300px";
</script>
</body>
</html>
好像提交后,右面的界面正确。可是左边却提示要再试试?不知道问题何在?
注意原代码H2它的大小写不一样,也会导致出错。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
</head>
<body>
<h2 id="con">I love JavaScript</h2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.backgroundColor ="#ccc";
mychar.style.width="300px";
</script>
</body>
</html>
背景颜色mychar.style.backgroundColor=“#ccc”,你少写了Color
背景颜色那里改一下#CCC大写,多运行几遍就过了,其实你这个代码每次,可能是那边编辑器的问题
mychar.style.background="#ccc";改成
mychar.style.backgroundColor="#ccc";
可能是<h2>标签问题吧,它结束标签是大写的。
好像提交后,右面的界面正确。可是左边却提示要再试试?不知道问题何在?