dom方法有:close()、open()、write()、writeln()、focus()、item()、assert()、clear()、count()、error()、 group()、info()、log()、table()等等。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
DOM Document物件的方法
#方法 | 描述 |
---|---|
document.addEventListener() | 向文件新增句柄 |
document.adoptNode(node) | 從另外一個文件傳回 adapded 節點到目前文件. |
document.close() | 關閉以 document.open() 方法開啟的輸出流,並顯示選定的資料。 |
document.createAttribute() | 建立一個屬性節點 |
document.createComment() | createComment() 方法可建立註解節點。 |
document.createDocumentFragment() | #建立空的 DocumentFragment 對象,並傳回此物件。 |
document.createElement() | 建立元素節點。 |
document.createTextNode() | 建立文字節點。 |
document.getElementsByClassName() | 傳回文件中所有指定類別名稱的元素集合,作為 NodeList 物件。 |
document.getElementById() | 傳回對擁有指定 id 的第一個物件的參考。 |
document.getElementsByName() | 傳回指定名稱的物件集合。 |
document.getElementsByTagName() | 傳回指定標籤名的物件集合。 |
document.importNode() | 把一個節點從另一個文件複製到該文件以便應用。 |
document.normalize() | 刪除空白文字節點,並連接相鄰節點 |
document.normalizeDocument() | 刪除空文本節點,並連接相鄰節點的 |
document.open() | #開啟一個流,以收集來自任何document. write() 或document.writeln() 方法的輸出。 |
document.querySelector() | 傳回文件中符合指定的CSS選擇器的第一元素 |
document. querySelectorAll() | document.querySelectorAll() 是HTML5中引入的新方法,傳回文件中符合的CSS選擇器的所有元素節點清單 |
#document.removeEventListener () | 移除文件中的事件句柄(由addEventListener() 方法新增) |
document.renameNode() | 重新命名元素或者屬性節點。 |
document.write() | 寫入 HTML 運算式 或 JavaScript 程式碼給文件。 |
document.writeln() | 等同於 write() 方法,不同的是在每個表達式之後寫一個換行符。 |
DOM 元素物件的方法
#方法 | 描述 |
---|---|
#element.addEventListener() | 為指定元素新增事件句柄 |
element.appendChild() | 為元素新增一個新的子元素 |
element.cloneNode() | 複製某個元素 |
element.compareDocumentPosition() | #比較兩個元素的文檔位置。 |
element.focus() | 設定文件或元素取得焦點 |
element.getAttribute() | 傳回指定元素的屬性值 |
element.getAttributeNode() | 返回指定屬性節點 |
element.getElementsByTagName() | 傳回指定標籤名稱的所有子元素集合。 |
element. getElementsByClassName() | 傳回文件中所有指定類別名稱的元素集合,作為 NodeList 物件。 |
element.getFeature() | #傳回指定特徵的執行APIs物件。 |
element.getUserData() | #傳回一個元素中關聯鍵值的物件。 |
element.hasAttribute() | 如果元素中存在指定的屬性傳回 true,否則傳回false。 |
element.hasAttributes() | 如果元素有任何屬性傳回true,否則傳回false。 |
element.hasChildNodes() | #傳回一個元素是否有任何子元素 |
##element.hasFocus() | 傳回布林值,偵測文件或元素是否取得焦點|
.insertBefore() 現有的子元素之前插入一個新的子元素 | |
.isDefaultNamespace()如果指定了namespaceURI 傳回true,否則回傳false。 | |
.isEqualNode()#檢查兩個元素是否相等 | |
檢查兩個元素所有有相同節點。 | |
如果在元素中支援指定特徵傳回 true。 | |
#使得此成為一個"normal"的形式,其中只有結構(如元素,註釋,處理指令,CDATA節和實體引用)隔開Text節點,也就是元素(包括屬性)下面的所有文字節點,既沒有相鄰的文字節點也沒有空的文字節點 | |
傳回符合指定CSS 選擇器元素的第一個子元素 | document.querySelectorAll() |
從元素中刪除指定的屬性 | |
刪除指定屬性節點並傳回移除後的節點。 | |
#刪除一個子元素 | ##element |
移除addEventListener() 方法新增的事件句柄 | element |
取代一個子元素 | element |
設定或改變指定屬性並指定值。 | element |
設定或改變指定屬性節點。 | element |
在元素中為指定鍵值關聯對象。 | element |
一個元素轉換成字串 | nodelist |
傳回某個元素基於文件樹的索引 |
#nodemap | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
從節點清單中傳回的指定屬性節點。 | nodemap | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#傳回節點清單中處於指定索引號碼的節點。 | nodemap | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
刪除指定屬性節點 | ##nodemap | .setNamedItem()|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#方法 | 描述 |
---|---|
initEvent() | 初始化新建立的Event 物件的屬性。 |
preventDefault() | 通知瀏覽器不要執行與事件關聯的預設動作。 |
stopPropagation() | 不再派發事件。 |
addEventListener() | 允許在目標事件中註冊監聽事件(IE8 = attachEvent()) |
dispatchEvent() | #允許傳送事件到監聽器上 (IE8 = fireEvent()) |
removeEventListener() | #執行一次註冊在事件目標上的監聽事件(IE8 = detachEvent()) |
handleEvent() | 把任意物件註冊為事件處理程序 |
createEvent() | |
initMouseEvent() | 初始化滑鼠事件物件的值 |
initKeyboardEvent() | 初始化鍵盤事件物件的值 |
DOM Console物件的方法
方法 | 描述 |
---|---|
assert() | #如果斷言為false,則在資訊到控制台輸出錯誤訊息。 |
clear() | 清除控制台上的資訊。 |
count() | 記錄 count() 呼叫次數,一般用於計數。 |
error() | 輸出錯誤訊息到控制台 |
group() | 在控制台建立一個資訊分組。一個完整的資訊分組以 console.group() 開始,console.groupEnd() 結束 |
groupCollapsed() | 在控制台建立一個資訊分組。類似 console.group() ,但它預設是折疊的。 |
groupEnd() | 設定目前資訊分組結束 |
#info() | ##控制台輸出一則訊息|
控制台輸出一則訊息 | |
#以表格形式顯示資料 | |
計時器,開始計時時間,與timeEnd() 合併使用,用於算出一個操作所花費的準確時間。 | |
計時結束 | |
##顯示目前執行的程式碼在堆疊中的呼叫路徑。 | |
輸出警告訊息,訊息最前面加上黃色三角,表示警告 |
#描述 | |
---|---|
傳回指定的CSS 屬性是否設定了"important!" 屬性。 | |
傳回指定的 CSS 屬性值。 | |
透過索引方式傳回 CSS 宣告中的 CSS 屬性名稱。 | |
移除 CSS 宣告中的 CSS 屬性。 | |
在 CSS 宣告區塊中新建或修改 CSS 屬性。 |
item() | |
---|---|
namedItem() | |
以上是javascript dom方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!