js DOM操作
阿新 • • 發佈:2019-01-04
查詢元素:
根據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; //判斷是否被選中