javascript dom方法有哪些

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#elementelement## element.isSameNode()element.isSupported()element.normalize()element.querySelector()document.querySelectorAll()傳回符合指定CSS 選擇器元素的所有子元素節點清單#element.removeAttribute()element.removeAttributeNode()element.removeChild()##element.removeEventListener()element.replaceChild()element.setAttribute()element.setAttributeNode()element.setIdAttribute()element.setIdAttributeNode()#element.setUserData()element.toString() nodelist.item()#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 選擇器元素的第一個子元素
從元素中刪除指定的屬性
刪除指定屬性節點並傳回移除後的節點。
#刪除一個子元素
移除addEventListener() 方法新增的事件句柄
取代一個子元素
設定或改變指定屬性並指定值。
設定或改變指定屬性節點。
在元素中為指定鍵值關聯對象。
一個元素轉換成字串
傳回某個元素基於文件樹的索引

方法描述#nodemap.getNamedItem()nodemap.item()nodemap.removeNamedItem().setNamedItem()設定指定屬性節點(透過名稱)

DOM 事件的方法

從節點清單中傳回的指定屬性節點。
#傳回節點清單中處於指定索引號碼的節點。
刪除指定屬性節點	##nodemap

#方法	描述
initEvent()	初始化新建立的Event 物件的屬性。
preventDefault()	通知瀏覽器不要執行與事件關聯的預設動作。
stopPropagation()	不再派發事件。
addEventListener()	允許在目標事件中註冊監聽事件(IE8 = attachEvent())
dispatchEvent()	#允許傳送事件到監聽器上 (IE8 = fireEvent())
removeEventListener()	#執行一次註冊在事件目標上的監聽事件(IE8 = detachEvent())
handleEvent()	把任意物件註冊為事件處理程序
createEvent()
initMouseEvent()	初始化滑鼠事件物件的值
initKeyboardEvent()	初始化鍵盤事件物件的值

DOM Console物件的方法

##控制台輸出一則訊息log()控制台輸出一則訊息table()#以表格形式顯示資料time()計時器，開始計時時間，與timeEnd() 合併使用，用於算出一個操作所花費的準確時間。 timeEnd()計時結束#trace()warn()

方法	描述
assert()	#如果斷言為false，則在資訊到控制台輸出錯誤訊息。
clear()	清除控制台上的資訊。
count()	記錄 count() 呼叫次數，一般用於計數。
error()	輸出錯誤訊息到控制台
group()	在控制台建立一個資訊分組。一個完整的資訊分組以 console.group() 開始，console.groupEnd() 結束
groupCollapsed()	在控制台建立一個資訊分組。類似 console.group() ，但它預設是折疊的。
groupEnd()	設定目前資訊分組結束
#info()
##顯示目前執行的程式碼在堆疊中的呼叫路徑。
輸出警告訊息，訊息最前面加上黃色三角，表示警告

CSSStyleDeclaration 物件的方法

getPropertyPriority( )getPropertyValue()item()removeProperty()setProperty()

#描述
傳回指定的CSS 屬性是否設定了"important!" 屬​​性。
傳回指定的 CSS 屬性值。
透過索引方式傳回 CSS 宣告中的 CSS 屬性名稱。
移除 CSS 宣告中的 CSS 屬性。
在 CSS 宣告區塊中新建或修改 CSS 屬性。

HTMLCollection 物件的方法

#方法##描述item()傳回HTMLCollection 中指定索引的元素。 namedItem()傳回 HTMLCollection 中指定 ID 或 name 屬性的元素。 【推薦學習：javascript進階教學】

以上是javascript dom方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！