                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

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

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

撡艚鄵

2016-08-24

源自：JavaScript入门篇 3-4

关注问题我要回答

1101

操作

收起

6 回答

慕粉3867607 回答被采纳 +3 积分
2016-08-24

<!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>

0 回复有任何疑惑可以回复我~

收起回答

Fyang
2016-08-25

var mychar= document.getElementById("con"); 改为var mychar= document.getElementById("con")。innerHTML;

0 回复有任何疑惑可以回复我~

收起回答

慕粉3817490
2016-08-25

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

0 回复有任何疑惑可以回复我~

收起回答

冷月诗魂
2016-08-25

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

0 回复有任何疑惑可以回复我~

收起回答

冷月诗魂

写错地方了

2016-08-25 回复有任何疑惑可以回复我~