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之标签操作方法相关推荐

JS DOM获取标签/元素style样式
JS DOM获取标签/元素style样式文章目录 JS DOM获取标签/元素style样式 .style getComputedStyle() .style 只能获取行内样式,不能获取style标签 ...
DOM操作标签与jQuery框架
今日内容概要 1 > DOM操作标签 1.1 > 动态创建一个a 标签 1.2 > 默认与自定义属性 1.3 > getAttribute和removAttribute 方法 ...
php html标签自定义属性,浅谈JS读取DOM对象(标签)的自定义属性
DOM对象对于js来说,是个很基础的元素,我们写js一般来说,都一定会对它进行操作.我们可以很方便地给它加上自定义的属性,比如: var test = document.getElementById( ...
HTML DOM之节点操作方法(2)
9.document.hasFocus()方法返回布尔值,用于检测文档(或文档内的任一元素)是否获取焦点.没有参数 10.node.hasChildNodes()方法返回 true,如果指定节点拥有子 ...
HTML DOM之节点操作方法(1)
1.checkboxObject.focus()方法用于为 checkbox 赋予焦点 2.checkboxObject.blur()方法用于让 checkbox 失去焦点 3.appendChild ...
javascript创建DOM元素(标签script)并追加到title标签中
html代码 <!doctype html> <html lang="en"> <head><meta charset="UTF ...
js通过dom遍历标签选项卡
// 通过老师讲解 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
JS操作DOM元素属性和方法
Dom元素基本操作方法API,先记录下,方便以后使用. W3C DOM和JavaScript很容易混淆不清.DOM是面向HTML和XML文档的API,为文档提供了结构化表示,并定义了如何通过脚本来访问 ...
python中dom是什么意思_python--BOM和DOM
一. 介绍什么是BOM和DOM? 简要答案:BOM是浏览器对象模型,用来获取或设置浏览器的属性.行为,例如:新建窗口.获取屏幕分辨率.浏览器版本号等. DOM是文档对象模型,用来获取或设置文档中标签 ...

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

HTML DOM之标签操作方法相关推荐

最新文章

热门文章

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

HTML DOM之标签操作方法相关推荐

最新文章

热门文章

4.document.getElementsByClassName(classname)方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)