1.document.getElementById(id)方法可返回對擁有指定 ID 的第一個對象的引用

2.document.getElementsByName(name)方法可返回帶有指定名稱的對象的集合

3.document.getElementsByTagName(tagname)方法可返回帶有指定標簽名的對象的集合。如果把特殊字符串 “*” 傳遞給 getElementsByTagName() 方法，它將返回文檔中所有元素的列表，元素排列的順序就是它們在文檔中的順序

4.document.getElementsByClassName(classname)方法返回文檔中所有指定類名的元素集合，作為 NodeList 對象。NodeList 對象代表一個有順序的節點列表。NodeList 對象 我們可通過節點列表中的節點索引號來訪問列表中的節點(索引號由0開始)

5.document.querySelector(CSS selectors)方法返回文檔中匹配指定 CSS 選擇器的一個元素。querySelector() 方法僅僅返回匹配指定選擇器的第一個元素。如果你需要返回所有的元素，請使用 querySelectorAll() 方法替代

6.document.querySelectorAll(selectors)返回與指定的選擇器組匹配的文檔中的元素列表 (使用深度優先的先序遍歷文檔的節點)。返回的對象是 NodeList

參數：selectors 是一個由逗號連接的包含一個或多個CSS選擇器的字符串

7.document.createElement(nodename)方法通過指定名稱創建一個元素節點。返回值代表創建的元素節點

參數：nodename是所創建元素的名稱

比如:”var btn = document.createElement(‘BUTTON’)”

8.document.createTextNode(text)可創建文本節點。返回值的類型是文本節點

參數：text是文本節點中的文本

這里很明顯創建的變量t是一個nodeType等于3的文本節點

9.document.createAttribute(attributename)方法用于創建一個指定名稱的屬性，并返回Attr 對象屬性。返回值是所創建的節點對象

參數：attributename是要創建的屬性名稱

10.document.createComment(text)方法可創建注釋節點。返回值是注釋節點

參數：text是添加的注釋文本

11.document.write(exp1,exp2,exp3,….)方法可向文檔寫入 HTML 表達式或 JavaScript 代碼。可列出多個參數(exp1,exp2,exp3,…) ，它們將按順序被追加到文檔中。

12.document.writeln(exp1,exp2,exp3,….)writeln() 方法與 write() 方法作用相同，區別是在每個表達式后寫一個換行符。

總結

以上是生活随笔為你收集整理的HTML DOM之标签操作方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。