博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML DOM之标签操作方法
阅读量:4210 次
发布时间:2019-05-26

本文共 1268 字,大约阅读时间需要 4 分钟。

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

你可能感兴趣的文章
OpenGL环境搭建
查看>>
QT&&QT_Creator_安装配置流程
查看>>
QT 自定义控件
查看>>
Matrix学习——基础知识
查看>>
Android矩阵原理详解(Matrix,ColorMatrix)
查看>>
WINCE的体系结构
查看>>
OpenGL与DirectX 比较
查看>>
应用文件映射进行进程间通讯
查看>>
CentOS5.x 系统安装-图形模式
查看>>
CentOS硬盘安装方法
查看>>
Linux学习记录--关机相关操作
查看>>
Linux学习记录--文件权限
查看>>
Linux学习记录--目录配置FHS
查看>>
Linux学习记录--文件与目录管理
查看>>
Linux学习记录--文件内容查阅
查看>>
Linux学习记录--文件|目录的默认权限与隐藏权限
查看>>
Linux学习记录--命令与文件的查询
查看>>
Linux命令缩写
查看>>
Linux学习记录--文件系统简介
查看>>
Linux学习记录--文件系统简单操作
查看>>