abstract：1，id選擇器，根據頁面元素id進行選取document.getElementById();2,name選擇器，并不是所有的元素標簽都存在name屬性，一般有表單form，表單內部的元素，a標簽，img標簽等等，name選擇器獲取返回的對象為類數組，Nodelist，為對象集合。document.getElementsByName();因為返回的是一個元素的集合，所有會存在length屬性，有一個
1，id選擇器，根據頁面元素id進行選取
document.getElementById();
2,name選擇器，并不是所有的元素標簽都存在name屬性，一般有表單form，表單內部的元素，a標簽，img標簽等等，name選擇器獲取返回的對象為類數組，Nodelist，為對象集合。
document.getElementsByName();
因為返回的是一個元素的集合，所有會存在length屬性，有一個item()的方法
3,根據標簽名稱獲取對象,返回對象集合
document.getElementsByTagName();
因為返回的是一個元素的集合，所有會存在length屬性，有一個item()的方法
3,根據標簽名稱獲取對象
4，根據Class屬性獲取元素，也是返回一個元
document.getElementsByClassName();
class支持多值
document.getElementsByClassName(class1 class2 class3);
5，根據css選擇器獲取元素，同時選擇頁面元素最簡單的方式就是用css選擇器
返回符合條件的第一個元素
document.querySelector();
返回符合條件的所有元素
document.querySelectorAll();
有item()方法
以上方法不僅可以在document對象上調用，也可以在元素上調用，一般是在父元素上調用。
6，標簽名和name屬性選擇器的快捷方式
(1),images：獲取所有的<img>元素，返回對象集合
document.images
(2),forms：獲取到頁面所有的表單<form>，返回對象集合
document.forms
(3),links：獲取頁面所有的鏈接，返回對象集合
document.links
(4),body: 獲取<body>主體
document.body
(5),head,獲取<head>頭部，插入style屬性
let style = document.createElement('style') //創(chuàng)建style
document.head.appendChild(style) //在<head>標簽底部插入style屬性(6),documentElement獲取<html>標簽
document.documentElement
(7),doctype 獲取文檔類型
document.doctype
Correcting teacher：天蓬老師Correction time：2019-01-13 09:45:42
Teacher's summary：總結的非常到位呀,知道嗎? 原生的js其實只支持二個: document.getElementById();document.getElementsByTagName();
其它的都是擴展的, 還有document.querySelector();和document.querySelectorAll(); 返回的是一個靜態(tài)的html集合, 不能實時反映頁面變化,如果在需要實時更新的場合千萬不要用,