document對象為對網頁內部文檔的操作，它基本上所有的東西都可以操作，一般用來操作一些標簽。
而要想操作這個標簽里面的元素，首先要找到該元素。JS里面找元素的方式類似於樣式表的選擇器找元素的方式，同時為元素定義一個變量：
1.通過id查找：var a = document.getElementById("a");，括號內為元素的id；
2.通過class查找：var b = document.getElementsByClassName("a");，括號內為元素的class；如果在class名后面加上[0],則可找到其中第一個元素，[]內的數字和數組內數字的順序相同；
3.通過標簽名查找：var c = document.getElementsByTagName("div");，括號內為標簽名；
4.通過name查找：var d = document.getElementsByName("uid");，這種查找方式適用於表單元素，括號內為表單元素的名字（name）。
其次是對內容進行操作，即獲取和修改：
獲取：例如var d = document.getElementById("a");
要想獲取元素內文本的內容，可輸入alert(d.innerText);，不過這種方式只能輸入文本，樣式不顯示；
如果要獲取元素內所有的內容，包含標簽，則需要使用alert(d.innerHTML);。
修改，會把原有的內容覆蓋：
修改元素里面的文本內容使用，例：d.innerText = "<b>你好</b>";；
修改元素內包括HTML代碼在內的所有元素，例：d.innerHTML = "<b>你好</b>";；
操作表單元素的內容，例：
操作屬性：
先設置一個變量，“var a = document.getElementById("a");”
“alert(a.getAttribute("id"));”為獲取屬性；
“a.setAttribute("code","p001"); ”為設置屬性；
“a.removeAttribute("bs"); ”為移除屬性；
如果想要設置一個按鈕，點擊后可以將復選框內的內容全部選中，可輸入：
。
當點擊該按鈕時就會自動全部選中。
操作樣式：
這樣就可以修改原網頁內文本的樣式。不過這種修改方法只能獲取到內聯的樣式，內嵌或者外部的都獲取不到。
這種對樣式的操作寫法與樣式表里的寫法有所區別：如果在樣式表里存在“-”的，在JS語言里需要去掉“-”，並且表示“-”后面的單詞首字母大寫。