问答详情
源自：2-1 什么是变量

第二个重置按钮怎么设置？按照我的代码，第二重置没反应的

<!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() "/> &nbsp;&nbsp;

     <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() "/>&nbsp;

     <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="重置"；/>也是没反应呢、

第二个重置按钮怎么设置有效？

提问者：薇薇筱 2016-04-05 17:26

个回答

  • Valkyrie
    2016-04-05 17:38:21
    已采纳

    第54行 var p2=doucument.getElementById("p2");

    document拼写错误~

    0
  • 慕婉清7712429
    2018-06-21 16:25:53

    https://img3.mukewang.com/5b2b60080001c98003250142.jpg

    boder应该是border；

    height=应该是height:150px;

    backgroundColor正确写法应该是background-color，写在一起的是Object改变样式写在一起的，css样式背景色要分开写；

     var p2=doucument.getElementById("p2");正确拼写应该是document；

    p2.removeAttribute('style');应该写成p2.className="style";

    0
  • 大块吃肉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");

    ”

    5
  • 小贤子
    2016-05-06 23:27:28

    你的代码 错误的地方好多，都是些单词拼错了。比如说.one样式里面的 border  还有background-color。Java script里面调用属性的拼写方式和css里面是不一样的，注意哦

    3
  • 魔头洛阳
    2016-05-03 13:54:05

    document.拼错


    0
  • 帝临江南
    2016-04-05 17:55:51

    document.拼错


    0
  • 云天河V
    2016-04-05 17:44:27

    p2.className='';

    0
  • 云天河V
    2016-04-05 17:43:34

    function rev(){

           var p2=doucument.getElementById("p2");

           p2.removeAttribute('style');

       }

    这个doucment写错单词啦

    0
  • 乡下农民
    2016-04-05 17:43:00

    http://img.mukewang.com/570388940001c15a05080292.jpg请检查拼写

    1