Dom 元素 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p id="p1">
            Here is a p
        </p>
        <p class="p2">
            p2 frist
        </p>
        <p class="p2">
            p2 second
        </p>
        <form id="frm1" method="post">
            
            <input type="submit" value=""/>
        </form>
        
        <a id="a1" href="" >link
    </body>
    <script >
        
        //查找元素
            // document.getElementById(id)    通过元素 id 来查找元素
            // document.getElementsByTagName(name)    通过标签名来查找元素
            // document.getElementsByClassName(name)    通过类名来查找元素
            document.getElementById("p1").innerHTML="Hello ";
            //文档对象代表当前网页
            
            //多个元素 返回数组
            var x=document.querySelectorAll("p.p2");
            console.log(x);
            //HTML选择器 
                //返回所有表格 
                var y=document.forms;
                console.log(y);
                //返回表格数组的某一个 id值
                console.log(document.forms["frm1"]);
        //改变属性
            document.getElementById("a1").href="www.baidu.com"
    </script>
</html>

 

posted @ 2022-03-19 17:22  lwx_R  阅读(26)  评论(0)    收藏  举报