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

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

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

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

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

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

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

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

參數(shù)：nodename是所創(chuàng)建元素的名稱

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

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

參數(shù)：text是文本節(jié)點中的文本

這里很明顯創(chuàng)建的變量t是一個nodeType等于3的文本節(jié)點

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

參數(shù)：attributename是要創(chuàng)建的屬性名稱

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

參數(shù)：text是添加的注釋文本

11.document.write(exp1,exp2,exp3,….)方法可向文檔寫入 HTML 表達(dá)式或 JavaScript 代碼?？闪谐龆鄠€參數(shù)(exp1,exp2,exp3,…) ，它們將按順序被追加到文檔中。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。