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

麻烦帮我看一下为什么在浏览器点击按钮后变不了two的样式

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>innerHTML</title>
<style>
   input{
       font-size:10px;
       }
   .one{
       width:500px;
       background-color:red;
   .two{
       font-size:200px;
       color:blue;
       }
</style>
<body>
   <h1>JAVASCRIPT</h1>
       <p id="con" class="one">作为一个优秀的PHP开发师</p>
   <form>
       <input type="button" value="改变类样式" onclick="myClass()">
   </form>
<script type="text/javascript">
   var mychar=document.getElementById("con")
   document.write("p元素的class值为:"+mychar.className+"<br>");
   function myClass(){
       mychar.className="two";
   }
</script>
</body>
</html>

了吾欲前行

2016-03-19

源自：JavaScript入门篇 3-6

关注问题我要回答

984

操作

收起

5 回答

深山小童
2016-03-20

.one的样式少了个结束的大括号（不起作用的原因），</style>后面少了个</head>结束标签。写代码的时候先将该闭合的闭合，再填代码就不容易出错了。严格来说<input /><br />也是要闭合的。

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

qq_冲哥_0
2016-03-20

CSS 样式写错了，

.one样式后面少了一个大括号，

.one{
width:500px;
background-color:red;

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

慕妹9507196
2016-03-19

没有给function myClass（）函数声明mychar变量的值，应该在{mychar.className="two"前面写上var myclass=document.getElementById("con")}

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

wenqu
2016-03-19

var mychar=document.getElementById("con")要放在

function myClass(){mychar.className+"<br>")

mychar.className="two";
}

里面；如

function myClass(){

var mychar=document.getElementById("con")

mychar.className="two";
}

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

qq_牛牛_12
2016-03-19

在function myClass(){
mychar.className="two";
}中添加 var mychar=document.getElementById("con")，即可。代码是

function myClass(){

var mychar=document.getElementById("con")；

mychar.className="two";
}

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

举报

0/150

提交

取消

JavaScript入门篇

参与学习 739724 人
解答问题 9566 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

本课相似问答

1 回答为什么我自己练了一遍在浏览器点击按钮过后没显示了啊?

4 回答为什么点击按钮后的“p元素class值为：one"，点击后不是变成"two"了吗

2 回答为什么点击按钮一次之后，按钮就不见了

1 回答在浏览器里按钮就不能用了

2 回答为什么点击按钮什么都不变？

搜索更多本课相关问答

麻烦帮我看一下为什么在浏览器点击按钮后变不了two的样式

我要回答关注问题

意见反馈帮助中心 APP下载