DOM查询

getElementById() 通过id属性获取一个元素节点对象
getElementsByTagName() 通过标签名获取一组元素节点对象
getElementsByName() 通过name属性获取一组元素节点对象

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <script type="text/javascript">
 8         window.onload=function(){
 9             var a=document.getElementById("2");
10             a.onclick=function(){
11                 var li=document.getElementsByTagName("li");
12                 for(var i=0;i<li.length;i++)
13                 {
14                 alert(li[i].innerHTML);
15                 }
16             }
17             var b=document.getElementById("3");
18             b.onclick=function(){
19             var inputs=document.getElementById("22");
20             alert(inputs.innerHTML);
21             }
22             var c=document.getElementById("4");
23             c.onclick=function(){
24             var inputs=document.getElementsByName("gender");
25             for(var i=0;i<inputs.length;i++)
26             {
27               alert(inputs[i].name);
28               alert(inputs[i].value);
29               alert(inputs[i].className);
30             }
31             }
32                     };
33     </script>
34 
35 <body>
36 <!--
37 getElementById() 通过id属性获取一个元素节点对象
38 getElementsByTagName() 通过标签名获取一组元素节点对象
39 getElementsByName() 通过name属性获取一组元素节点对象
40 -->
41 <div>
42     <ul>
43         <li id="22">12</li>
44         <li>23</li>
45     </ul>
46     <input type="button" id="2" value="1"/>
47     <input type="button" id="3" value="2"/>
48     <input type="button" id="4" value="3" >
49 
50     gender:
51     <input type="radio" name="gender" class="i am class" value="m"/>
52     male
53     <input type="radio" name="gender" value="f" />
54     female
55 </div>
56 </body>
57 </html>