点击多次,每次出现内容不同,最后消失

来源:互联网 发布:ubuntu编写shell脚本 编辑:程序博客网 时间:2024/05/19 19:16
<!DOCTYPE html>
<html>
<body>
<div onclick="clickMeEvent(this)" style="background-color:green;width:170px;height:80px;margin:20px;padding-top:20px;color:#ffffff;font-weight:bold;font-size:18px;float:left;text-align:center; font-family:'微软雅黑';">点击这里</div>

    


<script type="text/javascript">

        function clickMeEvent(obj)    //function是关键字   clickMeEvent是调用的函数 {}里面的代码块是函数 (obj)是参数名,可以有0个、1个或多个参数
        {
            if (obj.innerHTML=="再见")
            {
                obj.style.display="none";
            }
            else if (obj.innerHTML=="谢谢")
            {
                obj.innerHTML="再见";
            }
            else if (obj.innerHTML=="点击这里<br>再次点击这里<br>再点一次")
            {
                obj.innerHTML="谢谢";
            }
            else if (obj.innerHTML=="点击这里<br>再次点击这里")
            {
                obj.innerHTML=obj.innerHTML+"<br>再点一次";
            }
            else
            {
                obj.innerHTML=obj.innerHTML+"<br>再次点击这里";
            }
        } 
 </script>
</body>
</html>
0 0
原创粉丝点击