首頁  >  文章  >  web前端  >  javascript dom方法有哪些

javascript dom方法有哪些

青灯夜游
青灯夜游原創
2021-04-20 12:04:593091瀏覽

dom方法有:close()、open()、write()、writeln()、focus()、item()、assert()、clear()、count()、error()、 group()、info()、log()、table()等等。

javascript dom方法有哪些

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn