dom document属性练习

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 43 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kedoudejingshen/archive/2012/11/03/2752386.html

文章标签：

#javascript #ViewUI

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript来操作DOM元素，包括获取元素的内部HTML、通过名称和标签名选取元素，并改变其内容。

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK">
        <title>Untitled Document</title>
    </head>
    <body>
        <script type="text/javascript">
            function run(){
                var idNode=document.getElementById("divid");
                var text=idNode.innerHTML;
                idNode.innerHTML="div的文本被我该了哈哈"
            //    alert(idNode.nodeValue+":"+idNode.nodeType+":"+idNode.nodeName);
                alert(text);
            }
            function run1(){
                var Nodes=document.getElementsByName("user");
                alert(Nodes[0].value);
            }
            function run2(){
                var Nodes=document.getElementsByTagName("a");
            //    alert(Nodes.length);
                alert(Nodes[1].innerHTML);
            }
        </script>
        <input type="button" value="document" onclick="run2()"/>
        <div id="divid">div标签练习</div>
        <input type="text" name="user"/>
        <a href="http://www.baidu.com">百度网站</a>
        <a href="http://www.google.com">谷歌网站</a>
    </body>
</html>