JS的應用（document對象）

      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語言裏須要去掉「-」，而且表示「-」後面的單詞首字母大寫。