JS---DOM---part3課程介紹和part2複習

part3課程介紹

 

節點

爲何要學節點

節點的操做的相關屬性------>做用

12行代碼----有用的----熟練的問題,

節點的案例

 

元素的建立三種方式------重點的內容

爲何要有元素的建立

添加元素

移除元素

 

事件的

 

 

---

 

 

part2複習

 

阻止超連接默認的跳轉事件: return false;

 

獲取元素的方式

根據id獲取元素

document.getElementById("id屬性的值");

 

根據標籤名字獲取元素

document.getElementsByTagName("標籤的名字");

 

有的瀏覽器不支持, IE低版本的瀏覽器不支持,IE8如下的

根據name屬性的值獲取元素

document.getElementsByName("name屬性的值");

 

根據類樣式的名字獲取元素

document.getElementsByClassName("類樣式的名字");

根據選擇器獲取元素

document.querySelector("選擇器");返回一個對象

 

根絕選擇器獲取元素

document.querySelectorAll("選擇器");返回數組,多個元素組成的

 

設置元素的樣式的方式

 

對象.style.屬性=值;

對象.className=值;

 

innerText和textContent的兼容問題

 

目前的瀏覽器都支持innerText,應該是屬於ie的標準

textContent自己是火狐支持,IE8不支持

 

innerText和innerHTML的區別

 

均可以設置標籤的文本內容,若是要設置標籤及內容推薦使用innerHTML

若是要獲取標籤中的文本,innerText,也能夠使用innerHTML

若是想要獲取的是有標籤,也有文本---innerHTML

 

自定義屬性的操做

 

自定義屬性:標籤本來沒有這個屬性,爲了存儲數據,程序員本身添加的屬性

自定義屬性沒法直接經過DOM對象的方式獲取或者設置

 

對象.getAttribute("自定義屬性名字");獲取自定義屬性的值

對象.setAttribute("屬性名字","值");設置自定義屬性及值

 

移除自定義屬性

對象.removeAttribute("屬性的名字");

 

完成隨機點名項目====晚上再說