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

javacript入门篇编程挑战,完成代码后达不到效果

 代码如下:搞不懂为什么~

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

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

    <input type="button" value="隐藏内容" onclick="hidetext()">

    <input type="button" value="显示内容" onclick="showtext()" >

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

  </form>

  <script type="text/javascript">

   var mychar =document.getElementById("txt");

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

function changecolor(){

    var mychar1 =document.getElementById("txt");

   mychar.style.color="red";

   mychar.style.backgroundColor="blue";

}


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

function changehw(){

    var mychar=document.getElementById("txt");

    mychar.style.height=30px;

    mychar.style.width=100px;

}


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


function hidetext()

{

    var mychar =document.getElementById("txt");

    mychar.style.display="none";

}

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


function showtext(){

    var mychar =document.getElementById("txt");

    mychar.style.display="block";


}

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


function quxiao(){

    var mychar =document.getElementById("txt");

    var choice=confirm("真的要取消设置吗?");

    if(choice)

    {

      mychar.removrAttribute("style");

    }

    

}


提问者:azure1016 2016-08-16 13:55

个回答

  • stone310
    2016-08-16 19:34:18
    已采纳

    2个地方  

    1、47,48行  要这么写,px是字符串连接

    mychar.style.height=30+'px'
    mychar.style.width=100+'px';

    2、72行  mychar.removrAttribute("style");拼写错误了,应该是

    mychar.removeAttribute("style");

  • 攻城3707672
    2016-08-16 21:16:55

      mychar.style.height="30px";

        mychar.style.width="100px"

      if(choice==1)

    mychar.removeAttribute("style");


  • 代号唯
    2016-08-16 17:28:39

    你的第一个方法声明的变量为mychar1而不是mychar估计你是笔误,而且,你已经在全局声明了变量mychar,无须在局部声明了

  • 苏格拉底晒太阳
    2016-08-16 14:36:30

    var mychar =document.getElementById("txt");这个语句写函数外面,写一次就行了,id只能调取一次。