js中document节点获取页面元素的六种方式

1.querySelector()方法

描述：本方法用于根据给定的选择器选中页面元素

           如果有多个元素满足条件，则返回第一个满足条件的元素节点

语法：document.querySelector('选择器名');

注意：如果查找失败，返回null

2.querySelectorAll()方法

描述：本方法用于根据给定的选择器选中页面元素

           如果有多个元素满足条件，则返回这些元素构成的集合

语法：document.querySelectorAll('选择器名');

注意：

        (1)返回的结果是一个节点列表，不是数组，但能够像使用数组一样使用列表

        (2)如果查找失败，返回一个空的节点列表(.length==0)

	
		
		
	
	
		
我是第一个div
		
我是第二个div
		
我是第三个div
		
我是p标签
		
我是h2标签
		我是button
	
	

3.getElementById()方法

描述：根据指定的id名选中页面元素    

           如果存在多个指定 满足条件元素，则返回第一个元素节点

语法：document.getElementById('id名');

注意：如果查找失败，返回null

 4.getElementsByClassName()方法     

 描述：根据指定的类名选中页面中所有满足条件的元素

 语法：document.getElementsByClassName('类名');

 注意：返回结果是一个有顺序的节点列表，可以通过索引来访问列表中的元素(索引从0开始)

 5.getElementsByTagName()方法     

 描述：根据指定的标签名选中页面中所有满足条件的元素

语法：document.getElementsByTagName('标签名');

注意：如果参数值为'*',则返回文档中的所有元素

 6.getElementsByName()方法  

描述：根据指定的name值选中页面中所有满足条件的元素

语法：document.getElementsByName('name属性');

	
		
		
	
	
		
我是第一个div
		
我是第二个div
		
我是第三个div
		
我是p标签
		
我是h2标签
		我是button