javascript的dom模型

最新推荐文章于 2024-07-30 10:56:44 发布

粽子爱编程

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量284

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/u011416146/article/details/47012637

版权

javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

“http://www.w3.org/TR/html4/strict.dtd”>

浏览器对象

    <script type ="text/javascript">
        function getPwd(){
            //dom 中常用的方法getElementById,通过Id获得一个值
            var pwd = document.getElementById("pass");
            var pa = document.getElementById("show");
            pc.innerHTML = pwd.value;
        }

        function getUsers(){
            //根据标签的namelai获取
            var users = document.getElementsByName("users");
            for(var i =0;i<users.length;i++)
            {
                alert(users[i].value);
            }
        }

        function getInputs() {
            //根据标签来获取
            var is = document.getElementsByTagName("input");
            for(var i =0;i<users.length;i++)
            {
                alert(is[i].value);
            }
        }

        function geta(){
            var ap = document.getElementsByIagName("h1");
            alert(ap[0].innerHTML);//获取节点的文本内容
            alert(ap[0].nodeType);//类型
            alert(ap[0].nodeName);//名称
            alert(ap[0].nodeValue);//值
            //获取节点的第一个值，对于Ie会把换行加入空白，ff就都是空格
            //所以在获取文本，把空格去掉
            alert(ap[0].firstChild。nodeValue);
        }
        function getb(){
            var con = document.getElementById("content");
            var h2 = document.getElementsByTagName("h2");
            //得到的h2 是个数组
            alert(h2[0].innerHTML);
            //父节点parentNode
            h2.parentNode.getElementsBY\yTagName("h3")[0].getElementsByTagName("span")[0];
        }
    </script>



    <!-- Date: 2015-07-15 -->
</head>
<body>
    <!--返回上级页面-->
    <div >
    <input type="text" name="users" />
    <input type="text" name="users" />
    <input type="text" name="users" />
    <input type="text" name="users" />

    <br/>

    <input type="password" id="pass" />

    <br/>

    <input type="button" value="get user" onclick="getUsers()"/>
    <input type="button" value="get pwd" onclick="getPwd()" />
    <input type="button" value="get input" onclick="getInput()"/>

    </div>
    <input type="text" name="users" />
    <input type="text" name="users" />
    <input type="text" name="users" />
    <input type="text" name="users" />

    <br>

    <input type="password" id="pas" />

    <div id="show"> </div>

    <br/>

    <div id="content">
        <h1>a<span>a</span></h1>
        <h2>b<span>b</span></h2>
        <h3>c<span>c</span></h3>
    </div>
        <h1>a<span>a</span></h1>
        <h2>b<span>b</span></h2>
        <h3>c<span>c</span></h3>
        <input type="button" value="get a" onclick="geta()"/>
        <input type="button" value="get b" onclick="getb()" />
</body>

粽子爱编程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的dom模型

“http://www.w3.org/TR/html4/strict.dtd”> 浏览器对象 <script type ="text/javascript"> function getPwd(){ //dom 中常用的方法getElementById,通过Id获得一个值
复制链接

扫一扫