1. 程式人生 > >js DOM操作

js DOM操作

查詢元素:
               根據id獲取元素
               document.getElementById("id");
               根據class獲取元素
               document.getElementsByClassName("class");
               根據標籤名獲取元素
               document.getElementsByTagName("div");
               根據name獲取元素
               document.getElementsByName("name");
        操作內容:
               1.獲取物件裡的html程式碼與文字
                 獲取的物件.innerHTML;
2.獲取物件裡的文字----相容有問題
  獲取的物件.innerText;textContent;

             

 

               3.改變物件裡的html程式碼與文字

獲取的物件.innerHTML="改變的內容";

 

4.改變物件裡的文字----相容有問題

獲取的物件.innerText="改變的內容";

 

表單可進行的特殊操作

1.獲取物件的value值

 獲取的物件.value

操作屬性

1.設定一個屬性,新增或更改

獲取的物件.setAttribute("屬性名","屬性值")

2.獲取屬性的值

獲取的物件.getAttribute("屬性名");

3.移除一個屬性

獲取的物件.removeAttribute("屬性名");

   操作樣式

1.操作樣式

獲取的物件.style.樣式=”” ;     //操作時屬性所有的-都刪除  後面的第一個字母改成大寫

2.獲取樣式

Var a = 獲取的物件.style.樣式

 

checked="checked" 

false

aaa[a].checked = true;    //判斷是否被選中