对前端JavaScript也很有兴趣,正在看《JavaScript 权威指南》第二部分 浏览器JavaScript

来源:互联网 发布:淘宝个人交易信息卖家 编辑:程序博客网 时间:2024/05/01 02:01

这本书,很久前看过第一部分

最近发现自己对前端也很感兴趣,手打了一把 13-1 例子的代码 很爽。


<!DOCTYPE html><html><head>    <style>        .revealed * {display: block;}        .reveal * {            display: none;        }        .reveal *.handle {            display: block;        }    </style>    <script>        (function(){  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>


原创粉丝点击