HTML DOM之标签操作方法

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() 方法作用相同，区别是在每个表达式后写一个换行符。