                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

点击按钮没作用

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

慕慕0063379

2015-10-18

源自：JavaScript入门篇 4-1

关注问题我要回答

1193

操作

收起

5 回答

慕后端1508769 回答被采纳 +3 积分
2015-10-18

回复何唔唔：大哥，你这错的有点小多，第一，你的按钮没有绑定函数，第二，你的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>