Day14

1-列舉所有獲取 DOM 元素的方法

2-列舉添加 DOM 元素的方法 3

-列舉移除 DOM 元素的方法

4-分別列舉 BOM 常用對象 location navigator history screen 中的屬性和方法

1-列舉所有獲取 DOM 元素的方法

 DOM簡介筆記

2-列舉添加 DOM 元素的方法 

 document.createTextNode("Hello")//生成文本節點

 document.createElement("div");//創建標簽

insertBefore()   在某個元素之前插入元素

var newDiv = document.createElement("div"); 
var newContent = document.createTextNode("Hello"); 
newDiv.insertBefore(newContent, newDiv.firstChild);

//在newContent 元素末尾添加元素

var newDiv = document.createElement("div");

var newContent = document.createTextNode("Hello"); 

newDiv.appendChild(newContent); 

replaceChild()替換
replaceChild()接受兩個參數：要插入的元素和要替換的元素
newDiv.replaceChild(newElement, oldElement);

removeChild()  刪除元素

parentNode.removeChild(childNode);

jq

3-列舉移除 DOM 元素的方法

 js——使用removeChild()方法

移除指定元素
getId("dv").removeChild(getId("dv").firstElementChild)

移除所有子元素
while(getId("dv").firstElementChild){
getId("dv").removeChild(getId("dv").firstElementChild)
}

 jq------使用remove()方法

 $('p').remove();

詳見

4-分別列舉 BOM 常用對象 location navigator history screen 中的屬性和方法

location 對象

window.location 和 document.location 引用的是同一個對象

 navigator 對象

識別客戶端瀏覽器的事實標準。

1 檢測插件

2注冊處理程序

screen 對象

　　基本上只用來表明客戶端的能力，其中包括瀏覽器窗口外部的顯示器的信息，如像素寬度和高度等。

window.resizeTo(screen.availWidth, screen.availHeight);

history 對象

　　保存著用戶上網的歷史記錄，是 window對象的屬性

詳細了解

實例介紹