为了账号安全,请及时绑定邮箱和手机立即绑定

对吗 为什么变不了

function a(){
          var a = document.getElementById("p1");
          p1.className="one"
       }
       function b(){
          var b = document.getElementById("p2");
            p2.className="two"  
       }



对吗  为什么改变不了

正在回答

2 回答

你设置了 var a = document.getElementById("p1");      那下面的 p1.className="one" 中的p1就要改为a啊!

1 回复 有任何疑惑可以回复我~
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className属性</title>
<style>
    body{ font-size:16px;}
    .one{
		border:1px solid #eee;
		width:230px;
		height:50px;
		background:#ccc;
		color:red;
    }
	.two{
		border:1px solid #ccc;
		width:230px;
		height:50px;
		background:#9CF;
		color:blue;
	}
	</style>
</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
	<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>

	<script type="text/javascript">
	   function add(){
	      var p1 = document.getElementById("p1");
	      p1.className="one"
	   }
	   function modify(){
	      var p2 = document.getElementById("p2");
	      p2.className="two";
	   }
	</script>
</body>
</html>

<body>下边的几行你没贴出来 我不确定是不是没绑定单击事件的问题

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

举报

0/150
提交
取消

对吗 为什么变不了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信