码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript的DOM操作

时间:2015-06-09 10:06:06      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:javascript   对象   html   

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        // 显示
        function show() {
            // 获取p节点(p元素)
            var p = document.getElementById('content');

            // 设置style
//            p.style = 'display:block;';
            p.style.display = 'block';
        }

        // 隐藏
        function hide() {
            // 获取p节点(p元素)
            var p = document.getElementById('content');

            // 设置style
//            p.style = 'display:none;';
            p.style.display = 'none';
        }

        // 查看对象里面的所有属性
        function find(o) {
            for (var name in o) {
                console.log(name + ' - ' + o[name]);
            }
        }
    </script>
</head>
<body>

<!--<button onclick="var age = 20; alert(age);">显示</button>-->

<button onclick="show();">显示</button>
<button onclick="hide();">隐藏</button>

<p id="content">462369469723697496236946462369469723697496236946462369469723697496236946</p>

</body>
</html>

Javascript的DOM操作

标签:javascript   对象   html   

原文地址:http://blog.csdn.net/fan_yufan/article/details/46418177

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!