151: 获取DOM元素(上)

补充: a. 在JavaScript中HTML标签也被称为DOM元素; b. 使用document的时候前面可以不加window; 

注意: 

        1. DOM操作返回的是一个对象, 这个对象是宿主类型对象(浏览器提供的对象); 

        2. 由于id不可以重复, 所以找到了就会把找到的标签包装成一个对象返回给我们, 找不到就返回null; 

        3. 由于class可以重复, 所以找到了就会把找到的标签包装成一个伪数组返回给我们, 找不到就返回一个空的伪数组; 

        4. 由于name可以重复, 所以找到了就会把找到的标签包装成一个伪数组返回给我们, 找不到就会返回一个空数组, 在不同的浏览器中工作方式不同, get.ElementsByName()方法还会返回那些id为指定值的元素; 

        5. 由于标签名称可以重复, 所以找到了就会把找到的标签包装成一个伪数组返回给我们, 找不到就会返回一个空数组; 

        6. document.querySelector()只会返回根据指定选择器找到的第一个元素, 包装成一个对象返回给我们,  找不到就返回null; 

        7. document.querySelectorAll()会根据指定选择器找到所有元素包装成一个伪数组返回给我们, 找不到就会返回一个空数组; 

1. 通过id获取元素: document.getElementById("id名称"); 

2. 通过class名称获取元素: document.getElementsByClassName('class名称'); 

3. 通过name名称获取元素: document.getElementsByName('name名称'); 

4. 通过标签名称获取元素: docuemnt.get.ElementsByTagName("标签名称"); 

5. 通过选择器获取元素(一): document.querySelector('选择器'); 如: .member #pwd div>input  (重点掌握)

6. 通过选择器获取元素(二): document.querySelectorAll('选择器'); (重点掌握)