DOM的编程挑战

来源:4-1 编程挑战

你好小奥

2017-04-09 18:50

    <input type="button" value="改变颜色" onclick="colorchange()"> 
    <input type="button" value="改变宽高" onclick="widthchange()">
    <input type="button" value="隐藏内容" onclick="hidetext()">
    <input type="button" value="显示内容" onclick="showtext()">
    <input type="button" value="取消设置" onclick="cancel()">
  </form>
  <script type="text/javascript">
//定义"改变颜色"的函数
function colorchange()
{
   document.getElementById("txt").style.color="pink";
   document.getElementById("txt").style.backgroundColor="green";
}

//定义"改变宽高"的函数
function widthchange(){
    document.getElementById("con","txt").style.width="700px";
    document.getElementById("con","txt").style.height="500px";
}

//定义"隐藏内容"的函数
function hidetext(){
    document.getElementById("txt").style.display="none";
}

//定义"显示内容"的函数
function showtext(){
    document.getElementById("txt").style.display="block";
}

//定义"取消设置"的函数
function cancel(){
    var message=confirm("是否取消设置?");
    if(massage==true)
    {
        txt.removeAttribute("style");
    }
}

为什么那个取消设置没有用?

写回答 关注

5回答

  • 野__草
    2017-04-09 20:44:38
    已采纳

    document.getElementById("txt").removeAttribute("style");这样也行

    你好小奥

    非常感谢!

    2017-04-09 20:46:11

    共 1 条回复 >

  • 慕粉1547255834
    2017-04-10 01:32:16

    因为你定义变量的时候写点“message”,if语句中“message”打成了“massage”

    你好小奥

    谢谢!

    2017-04-10 14:46:18

    共 1 条回复 >

  • 野__草
    2017-04-09 20:43:20

    没有获取节点

    var txt = document.getElementById('txt');

    你好小奥

    节点已经获取过了

    2017-04-09 20:45:08

    共 1 条回复 >

  • 野__草
    2017-04-09 20:40:49

    function cancel(){

        var mydone = confirm('是否取消设置');

        if(mydone == true){

            text.setAttribute("style", "");

        }

    可以这么用

    野__草

    把格式设置为空,跟取消格式是一个意思,效果一样

    2017-04-09 20:48:53

    共 2 条回复 >

  • 野__草
    2017-04-09 20:28:58

    最后一个用的好

    你好小奥

    ????

    2017-04-09 20:40:07

    共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题