您的位置：首页 > Web前端 > JavaScript

javascript学习实录 之四（DOM简介） --刘小小尘

2013-05-07 23:35 579 查看
关于dom的介绍，就不说了

给个网址，w3cschool http://www.w3school.com.cn/js/js_obj_htmldom.asp 看一下就可以了

dom 把任何html标签当作对象来看待，对象自然有属性啊等等，以及方法，你可以操作这些方法

下面给两个简单你的例子

1、 直接上代码，是变化文本内容颜色的，很简单

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript">
        var flag = true;
        function demo() {
            var divO = document.getElementById("divm");
//            alert(divO.tagName)
//            alert(divO.innerText)
//            alert(divO.className + "----" + divO.id)
            if(flag) {
                divO.className = "font1";
                flag = false;
            } else {
                divO.className = "font2";
                flag = true;
            }

        }
    </script>

    <style type="text/css">
        .font1 {
            color: blue;
        }
        .font2 {
            color: #d2691e;
        }
    </style>
</head>
<body>
<input type="button" value="变化" onclick="demo()">
<div id="divm">
    hahahahha
</div>
</body>
</html>


可以看一下注释的内容，说明了标签的几个属性，具体属性，可以上网搜一下文档

2、猜数字，很简单的

只贴js方法的代码

var guessNum = parseInt(Math.random()*100 + 1);
        function guess() {
            var textObj = document.getElementById("textid");
            var number = parseInt(textObj.value);
            if(number > guessNum) {
                alert("大了，继续")
            } else if(number < guessNum) {
                alert("小了，继续");
            } else {
                alert("中了")
            }
        }


ok 今天就到这，今天学的东西有点少，明天争取多弄点

谢谢
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航