点击按钮没作用-慕课网

首页课程实战体系课手记专栏慕课教程

点击按钮没作用

来源：4-1 编程挑战

慕慕0063379

2015-10-18 16:00

为什么按着按钮它不起作用呢？我已经写了代码了呀

写回答关注

5回答

慕后端1508769: 2015-10-18 16:34:37

已采纳

回复何唔唔：大哥，你这错的有点小多，第一，你的按钮没有绑定函数，第二，你的html文本没有指明给谁添加id

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <form>
    <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
        <input type="button" value="改变颜色" onclick="dcolor()"> 
        <input type="button" value="改变宽高" onclick="dwh()">
        <input type="button" value="隐藏内容" onclick="dh()">
        <input type="button" value="显示内容" onclick="dclear()">
        <input type="button" value="取消设置" onclick="ds()">
        <p id="txt">这是发生改变的地方</p>
    </form>
</body>
    <script>
        function dcolor(){
            var mychar = document.getElementById("txt");  
            mychar.style.color="red";
            mychar.style.backgroundColor="#ccc";
        }
      
        function dwh(){
            var mychar = document.getElementById("txt");  
            mychar.style.width="400px";
            mychar.style.height="200px";
        }
        
        function dh(){
            var mychar = document.getElementById("txt");  
            mychar.style.display="none";
        }
        
        function dclear(){
            if(confirm("是否取消?")){
                var mychar = document.getElementById("txt");  
                mychar.style.color="#000";
                mychar.style.backgroundColor="#fff";
                mychar.style.width="600px";
                mychar.style.height="400px";
                mychar.style.display="block";
            }
        }
        function ds(){
            var mychar = document.getElementById("txt");  
            mychar.style.display="block";
        }
    </script>
</html>

慕慕0063...

非常感谢！谢谢！

2015-10-18 16:41:17

共 1 条回复 >

慕后端1508769

2015-10-18 16:14:21

你的按钮代码呢？

2 0

后天是小鱼

回复 wu唔唔事件都没有

2015-10-29 21:33:32

共 2 条回复 >
慕慕0063379

2015-10-18 16:09:42
function dcolor(){
var mychar = document.getElementById("txt");
mychar.style.color="red";
mychar.style.backgroundColor="#ccc";
}

function dwh(){
var mychar = document.getElementById("txt");
mychar.style.width="400px";
mychar.style.height="200px";
}

function dh(){
var mychar = document.getElementById("txt");
mychar.style.display="none";
}

function dclear(){
if(confirm("是否取消?")){
var mychar = document.getElementById("txt");
mychar.style.color="#000";
mychar.style.backgroundColor="#fff";
mychar.style.width="600px";
mychar.style.height="400px";
mychar.style.display="block";
}
}
function ds(){
var mychar = document.getElementById("txt");
mychar.style.display="block";
}
0 0
慕后端1508769

2015-10-18 16:03:58

代码要整出来啊，要不然咋知道哪儿错了

2 0

慕慕0063...

贴在下面了我复制官方的答案的啊应该没错吧只是点击那些按钮都没改变没起作用

2015-10-18 16:11:25

共 2 条回复 >
Perona

2015-10-18 16:02:26

贴代码

1 0

慕慕0063...

贴在下面了我复制官方的答案的啊应该没错吧只是点击那些按钮都没改变没起作用

2015-10-18 16:10:58

共 1 条回复 >

JavaScript入门篇

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

739818 学习 · 9566 问题

相似问题

点击按钮不起作用

回答 5

点击按钮没反应

回答 6

点击按钮没反应

回答 2

点击按钮没反应

回答 1

点击按钮没反应

回答 3

打开慕课网App查看更多内容