问答详情
源自:4-1 编程挑战

取消设置错在哪了?求解释

<input type="button" value="改变颜色" onclick="changecolor()">  

    <input type="button" value="改变宽高" onclick="changelook()">

    <input type="button" value="隐藏内容" >

    <input type="button" value="显示内容" >

    <input type="button" value="取消设置" onclick="reset()">

  </form>

  <script type="text/javascript">

 var mychar=document.getElementById("txt")

 var well=document.getElementById("con")

//定义"改变颜色"的函数

function changecolor(){

    mychar.style.color="red";

    mychar.style.backgroundColor="#ccc";

}

//定义"改变宽高"的函数

function changelook(){

    mychar.style.width="800px"

    mychar.style.height="800px"

}

//定义"隐藏内容"的函数

//定义"显示内容"的函数

//定义"取消设置"的函数

function reset(){

    var acb=confirm("sure?");

    if(acb==true){

        mychar.removeAttribute('style');

    }else{

        alert("sansi");

    }

}


提问者:慕的地9276089 2017-06-22 12:14

个回答

  • 菠菜菜菜
    2017-06-22 15:30:22

    reset是关键字  不能做方法名

  • 哎呦丫丫
    2017-06-22 15:30:16

    mychar.removeAttribute("style");//这里移除的style是节点里面声明的style,而不能移除className所带来的css样式,

    修改:

    mychar.removeAttribute("class");

    或者直接

    mychar.style = "";