欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

addrevealhandler函数中onclick的内容为啥没有执行

更新时间: 2014-01-05 01:51:18 责任编辑: Author_N1

 

addRevealHandler函数中onclick的内容为什么没有执行
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.reveal *{display: none;}
.reveal *.handle{display: block;}
</style>
<script type="text/javascript">
   window.onload = function () {
      var elements = document.getElementsByClassName('reveal');
      for (var i = 0; i < elements.length; i++) {
         var elt = elements[i];
 var title = elt.getElementsByClassName('handle')[0];
 addRevealHandler(title,elt);
      }
      function addRevealHandler(title,elt) {
         title.onClick = function() {
           if(elt.className == "reveal") {
      elt.className = "revealed";
           }else if(elt.className == "revealed") {
              elt.className = "reveal";
           }
         };
      }
};
</script>
</head>
<body>
<div class="reveal">
<h1 class="handle">点击显示隐藏文本</h1>
<p>此段落隐藏,请点击标题显示隐藏文本</p>
</div>
</body>
</html>
--参考方法--
title.onClick      title.onclick
--参考方法--
正确的写法:注意不是所有的浏览器都支持 getElementsByClassName方法
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        .reveal *
        {
            display: none;
        }
        .reveal *.handle
        {
            display: block;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            var elements = document.getElementsByClassName('reveal');

            for (var i = 0; i < elements.length; i++) {
                var elt = elements[i];
                var title = elt.getElementsByClassName('handle')[0];
                addRevealHandler(title, elt);
            }
        }
        function addRevealHandler(title, elt) {
            title.onclick = function () {
                if (elt.className == "reveal") {
                    elt.className = "revealed";
                } else if (elt.className == "revealed") {
                    elt.className = "reveal";
                }
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:18
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2071/
本文WWW.DOC100.NET DOC100.NET版权所有。