第二个重置按钮怎么设置？按照我的代码，第二重置没反应的
薇薇筱
2016-04-05 17:26
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<style type="text/css">
div.sj{border: 1px solid #000;padding: 10px;width:400px;height:100px;
}
.one{
boder:1px solid red;
width:200px;
height=150px;
backgroundColor=#ccc;
color:blue;
}
</style>
</head>
<body>
<p id="p1">
什么是变量? 从字面上看，变量是可变的量；
</p>
<form>
<input type="button" value="添加样式" onclick="add() "/>
<input type="button" value="重置" onclick="reve()"/>
</form><br>
<div class="sj">
<p id="p2">
我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。
</p>
</form></div><br>
<form>
<input type="button" value="改变颜色" onclick="changecolor() "/>
<input type="button" value="重置" onclick="rev()"/>
</form>
<script type/javascript>
function add(){
var p1=document.getElementById("p1")
p1.style.color="red";
p1.style.backgroundColor="#ccc";
}
function reve(){
var p1=document.getElementById("p1")
p1.removeAttribute('style');
}
function changecolor(){
var p2=document.getElementById("p2");
p2.className="one";
}
function rev(){
var p2=doucument.getElementById("p2");
p2.removeAttribute('style');
}
</script>
---------------------------------
用 <input type="reset" value="重置"；/>也是没反应呢、
第二个重置按钮怎么设置有效？
9回答
-
- Valkyrie
- 2016-04-05 17:38:21
第54行 var p2=doucument.getElementById("p2");
document拼写错误~
-
- 慕婉清7712429
- 2018-06-21 16:25:53
boder应该是border；
height=应该是height:150px;
backgroundColor正确写法应该是background-color，写在一起的是Object改变样式写在一起的，css样式背景色要分开写；
var p2=doucument.getElementById("p2");正确拼写应该是document；
p2.removeAttribute('style');应该写成p2.className="style";
-
- 大块吃肉188
- 2016-07-31 14:28:00
关于第二个重置没有作用，和我犯了一样的错误，转答案“
mychar.removeAttribute("style");//这里移除的style是节点里面声明的style，而不能移除className所带来的css样式，假如<p id="con" style=“color:red;”>JS进阶篇</p> 那么按了重置，red就会没有。
修改：
mychar.removeAttribute("class");
”
-
- 小贤子
- 2016-05-06 23:27:28
你的代码 错误的地方好多，都是些单词拼错了。比如说.one样式里面的 border 还有background-color。Java script里面调用属性的拼写方式和css里面是不一样的，注意哦
-
- 魔头洛阳
- 2016-05-03 13:54:05
document.拼错
-
- 帝临江南
- 2016-04-05 17:55:51
document.拼错
-
- 云天河V
- 2016-04-05 17:44:27
p2.className='';
-
- 云天河V
- 2016-04-05 17:43:34
function rev(){
var p2=doucument.getElementById("p2");
p2.removeAttribute('style');
}
这个doucment写错单词啦
-
- 乡下农民
- 2016-04-05 17:43:00
请检查拼写
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题