点击按钮没作用

个回答

慕后端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>

慕后端1508769

2015-10-18 16:14:21

你的按钮代码呢？

0
慕慕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
慕后端1508769

2015-10-18 16:03:58

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

0
Perona

2015-10-18 16:02:26

贴代码

0