JavaScript物件5

DOM

Document屬性

document.scripts 返回頁面中所有指令碼的集合。
document.title 返回當前文件的標題。
document.URL 返回文件完整的URL。

Document方法

document.getElementsByClassName() 返回文件中所有指定類名的元素集合，作為 NodeList物件。
document.getElementById() 返回對擁有指定 id 的第一個物件的引用。
document.getElementsByName() 返回帶有指定名稱的物件集合。
document.getElementsByTagName() 返回帶有指定標籤名的物件集合。
document.querySelector() 返回文件中匹配指定的CSS選擇器的第一元素。
document.querySelectorAll() 是 HTML5中引入的新方法，返回文件中匹配的CSS選擇器的所有元素節點列表。
document.renameNode() 重新命名元素或者屬性節點。
document.write() 向文件寫 HTML 表示式 或 JavaScript 程式碼。
document.writeln() 等同於 write() 方法，不同的是在每個表示式之後寫一 個換行符。
document.createComment() 建立註釋節點。
document.createElement() 建立元素節點。
document.createTextNode() 建立文字節點。

DOM元素物件屬性

element.childNodes 返回節點的子節點集合，包括元素節點、文字節點還有屬性節點。
element.children 返回的只是節點的子元。
element.className 設定或返回元素的class屬性。
element.firstChild 返回元素的第一個子節點。
element.id 設定或者返回元素的id。
element.innerHTML 設定或者返回元素的內容。
element.lastChild 返回的後一個子元素。
element.nodeName 返回元素的標記名（大寫）。
element.nodeType 返回元素的節點型別。
element.nodeValue 返回元素的節點值。
element.parentNode 返回元素的父節點。
element.style 設定或返回元素的樣式屬性。
element.tagName 作為一個字串返回某個元素的標記名（大寫）。

DOM元素物件方法

element.addEventListener() 向指定元素新增事件控制程式碼。
element.appendChild() 為元素新增一個新的子元素。
element.getAttribute() 返回指定元素的屬性值。
element.getElementsByTagName() 返回指定標籤名的所有子元素集合。
element.getElementsByClassName() 返回文件中所有指定類名的元素集合，作為NodeList物件。
element.insertBefore() 現有的子元素之前插入一個新的子元素。
element.querySelector() 返回匹配指定CSS選擇器元素的第一個子元素。
element.querySelectorAll() 返回匹配指定CSS選擇器元素的所有子元素節點列表。
element.removeAttribute() 從元素中刪除指定的屬性。
element.removeChild() 刪除一個子元素。
element.removeEventListener() 移除由addEventListener()方法新增的事件控制程式碼。
element.replaceChild() 替換一個子元素。
element.setAttribute() 設定或者改變指定屬性並指定值。

Console 物件

clear() 清除控制檯上的資訊。
error() 輸出錯誤資訊到控制檯。
info() 控制檯輸出一條資訊。
log() 控制檯輸出一條資訊。
warn() 輸出警告資訊，資訊前面加一個黃色三角，表示警告。