点击按钮样式不断切换，下面的文字也会自动变，这是我花了十小时琢磨出来的
宝慕林5689754
2019-08-24 12:07
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style type="text/css">
.one{background-color:red;}
.two{background-color:blue;}
</style>
</head>
<body>
<p2 id="mama" class="one">javascript</p2><br/>
<form>
<input type="button" value="点击更改" onclick="lala()">
</form>
<p id="aa">P元素Class值为：one</p>
<script type="text/javascript">
var mychar=document.getElementById("mama");
var aa=document.getElementById("aa");
function lala(){
if(mychar.className=="one")
{mychar.className="two";}
else{mychar.className="one";}
aa.innerHTML=("P元素Class值为："+mychar.className+"<br>")
}
</script>
</body>
</html>
5回答
-
- 慕仙7321963
- 2019-08-27 17:01:43
第一个p标签多写了个2哟
-
- 慕仙7321963
- 2019-08-27 16:59:32
你的命名方法治好了我每次想半天名字的毛病 赞?
-
- 慕仙7321963
- 2019-08-27 16:57:24
GB2312字符集呢 我说打开乱码
-
- 一如忘词
- 2019-08-24 23:51:59
哈哈，你写的太好了，我就学习一下
-
- 一如忘词
- 2019-08-24 23:18:30
function lala(){
if(mychar.className=="one"){
mychar.className="two";
}else{
mychar.className="one";
}
aa.innerHTML=("P元素Class值为："+mychar.className+"<br>");
}
把函数里面改一点就行
JavaScript入门篇
739817 学习 · 9566 问题
相似问题