溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關javascript中有哪些dom方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
javascript是一種動態類型、弱類型的語言，基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言，同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能，現在JavaScript也可被用于網絡服務器，如Node.js。
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() | 返回布爾值，檢測文檔或元素是否獲取焦點 |
| element.insertBefore() | 現有的子元素之前插入一個新的子元素 |
| element.isDefaultNamespace() | 如果指定了namespaceURI 返回 true，否則返回 false。 |
| element.isEqualNode() | 檢查兩個元素是否相等 |
| element.isSameNode() | 檢查兩個元素所有有相同節點。 |
| element.isSupported() | 如果在元素中支持指定特征返回 true。 |
| element.normalize() | 使得此成為一個"normal"的形式，其中只有結構（如元素，注釋，處理指令，CDATA節和實體引用）隔開Text節點，即元素（包括屬性）下面的所有文本節點，既沒有相鄰的文本節點也沒有空的文本節點 |
| element.querySelector() | 返回匹配指定 CSS 選擇器元素的第一個子元素 |
| document.querySelectorAll() | 返回匹配指定 CSS 選擇器元素的所有子元素節點列表 |
| element.removeAttribute() | 從元素中刪除指定的屬性 |
| element.removeAttributeNode() | 刪除指定屬性節點并返回移除后的節點。 |
| element.removeChild() | 刪除一個子元素 |
| element.removeEventListener() | 移除由 addEventListener() 方法添加的事件句柄 |
| element.replaceChild() | 替換一個子元素 |
| element.setAttribute() | 設置或者改變指定屬性并指定值。 |
| element.setAttributeNode() | 設置或者改變指定屬性節點。 |
| element.setIdAttribute() | |
| element.setIdAttributeNode() | |
| element.setUserData() | 在元素中為指定鍵值關聯對象。 |
| element.toString() | 一個元素轉換成字符串 |
| nodelist.item() | 返回某個元素基于文檔樹的索引 |
DOM 屬性對象的方法
| 方法 | 描述 |
|---|---|
| nodemap.getNamedItem() | 從節點列表中返回的指定屬性節點。 |
| nodemap.item() | 返回節點列表中處于指定索引號的節點。 |
| nodemap.removeNamedItem() | 刪除指定屬性節點 |
| nodemap.setNamedItem() | 設置指定屬性節點(通過名稱) |
DOM 事件的方法
| 方法 | 描述 |
|---|---|
| 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() | 控制臺輸出一條信息 |
| log() | 控制臺輸出一條信息 |
| table() | 以表格形式顯示數據 |
| time() | 計時器，開始計時間，與 timeEnd() 聯合使用，用于算出一個操作所花費的準確時間。 |
| timeEnd() | 計時結束 |
| trace() | 顯示當前執行的代碼在堆棧中的調用路徑。 |
| warn() | 輸出警告信息，信息最前面加一個黃色三角，表示警告 |
CSSStyleDeclaration 對象的方法
| 方法 | 描述 |
|---|---|
| getPropertyPriority() | 返回指定的 CSS 屬性是否設置了 "important!" 屬性。 |
| getPropertyValue() | 返回指定的 CSS 屬性值。 |
| item() | 通過索引方式返回 CSS 聲明中的 CSS 屬性名。 |
| removeProperty() | 移除 CSS 聲明中的 CSS 屬性。 |
| setProperty() | 在 CSS 聲明塊中新建或者修改 CSS 屬性。 |
HTMLCollection 對象的方法
| 方法 | 描述 |
|---|---|
| item() | 返回 HTMLCollection 中指定索引的元素。 |
| namedItem() | 返回 HTMLCollection 中指定 ID 或 name 屬性的元素。 |
感謝各位的閱讀！關于“javascript中有哪些dom方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
