求解！！！！！！！！！！！！！！！！！！！-慕课网

首页课程实战体系课手记专栏慕课教程

求解！！！！！！！！！！！！！！！！！！！

来源：3-4 改变 HTML 样式

撡艚鄵

2016-08-24 22:07

为什么图中12行输出的颜色和背景都没改变

写回答关注

6回答

慕粉3867607

2016-08-24 22:58:43

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>style样式</title>
<style>
   #ys{
       color:red;
       width:300px;
       background:#ccc;
   }
</style>
</head>
<body>
<h2 id="con">I love JavaScript</H2>
<p> JavaScript使网页显示动态效果并实现与用户交互功能。</p>
<script type="text/javascript">
    var mychar= document.getElementById("con");
    document.write("<div id=\"ys\">"+"啥玩意:"+mychar.innerHTML+
   "</div>");
    mychar.style.color="red";
    mychar.style.backgroundColor="#ccc";
    machar.style.width="300px";
</script>
</body>
</html>

1 0

共 1 条回复 >
Fyang

2016-08-25 15:43:27
var mychar= document.getElementById("con"); 改为var mychar= document.getElementById("con")。innerHTML;
0 0
慕粉3817490

2016-08-25 09:57:03

因为你没有给输出后的内容加样式，你只是给你获得的id值加

0 0
冷月诗魂

2016-08-25 09:33:42

唉，你把innerHTML去掉吧，var mychar= document.getElementById("con");获取的是元素对象，也就是mychar的值为h2，定义样式就是通过标签定义，你又加上innerHTML是什么鬼，innerHTML是获取文本的意思，也就是你这题里面得到 I love JavaScript

1 0

冷月诗魂

写错地方了

2016-08-25 09:35:00

共 1 条回复 >
慕粉3867607

2016-08-24 22:44:24

因为你没有给输出后的内容加样式，你只是给你获得的id值加

0 0
TONY_崔小帥3859335

2016-08-24 22:37:51

因为你改变的只是id为con的html样式

0 0