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

显示不了呢

 <form>

  <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->

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

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

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

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

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

  </form>

  <script type="text/javascript">

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

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

function changecolor(){

    //var obj=document.getElementById("txt");

    obj.style.color="red";

    obj.style.background="#CCC";

}


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

function changewidth(){

    //var obj=document.getElementById("txt");

    obj.style.width="200px";

     obj.style.height="200px";

}


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

function changehide(){

    //var obj=document.getElementById("txt");

    obj.style.disply="none";

}


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

function changeshow(){

    //var obj=document.getElementById("txt");

    obj.style.disply="block";

}


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

function offset(){

    //var obj=document.getElementById("txt");

    var message=confirm("确认要取消设置吗")；

    if(message==true){

    obj.removeAttribute('style');}

}



  </script>


提问者：桂圆粥 2019-02-28 13:50

个回答

  • 慕神0996557
    2019-03-05 20:27:41

    隐藏/显示内容的那两个函数，obj.style.display，display这个地方单词拼错了。然后整体代码运行不了是因为你最后一段那个取消设置的函数里面有个地方的符号是中文，你把那段代码复制到控制台试试就晓得了，会显示invaid token的，我复制进去试了下，是因为var message=confirm("确认要取消设置吗")；这个地方末尾分号你是在中文输入法下打出来的，导致后面都运行不了。你仔细对比下其他地方的分号就能看出来了

    0
  • 陈氏乐哥
    2019-03-05 20:13:51

      var message=confirm("确认要取消设置吗")；你这个分号是中文的分号

    你的display拼错了

    0
  • 时光126
    2019-02-28 19:36:18

    你这个应该是那个全局变量的问题，方法外面的那个obj不能载函数里面用吧

    0
  • Hanson_Wang
    2019-02-28 17:23:43

    我这个是可以run的，你看一下，不清楚你的是什么显示不了。

<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" value="改变颜色" onclick="changecolor()">
    <input type="button" value="改变宽高" onclick="changewidth()">
    <input type="button" value="隐藏内容" onclick="hidebody()">
    <input type="button" value="显示内容" onclick="showbody()">
    <input type="button" value="取消设置" onclick="cancel()">
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
function changecolor(){var change1=document.getElementById("txt");
change1.style.color="blue";}
//定义"改变宽高"的函数
function changewidth(){var change2=document.getElementById("txt");
change2.style.width="700px";}
//定义"隐藏内容"的函数
function hidebody(){var change3=document.getElementById("txt");
change3.style.display="none";}
//定义"显示内容"的函数
function showbody(){var change4=document.getElementById("txt")
change4.style.display="block";}
//定义"取消设置"的函数
function cancel() {var change5=confirm("是否取消设置？")
    if (change5===true){
        txt.removeAttribute("style");
    }
}


    0
  • 慕粉3005257
    2019-02-28 16:14:44

    什么显示不了？

    0