声明：本人的所有博客皆为个人笔记，作为个人知识索引使用，因此在叙述上存在逻辑不通顺、跨度大等问题，希望理解。分享出来仅供大家学习翻阅，若有错误希望指出，感谢！

JS获取DOM元素的方法

通过ID获取（getElementById）
通过name属性（getElementsByName）
通过标签名（getElementsByTagName）
通过类名（getElementsByClassName）
获取html的方法（document.documentElement）
获取body的方法（document.body）
通过选择器获取一个元素（querySelector）
通过选择器获取一组元素（querySelectorAll）

通过ID获取（getElementById）

document.getElementById('id');

用法：

上下文必须是document
必须传参数，参数是string类型，是获取元素的id
返回值只获取到一个元素，没有找到返回null
如果有多个id存在则只获取第一个

通过name属性（getElementsByName）

document.getElementsByName('name');

用法：

上下文必须是document
必须传参数，参数是是获取元素的name属性
返回值是一个类数组，没有找到返回空数组

通过标签名（getElementsByTagName）

document.getElementsByTagName('p');
标签对象.getElementsByTagName('p');

用法：

上下文可以是document，也可以是一个元素，这个元素一定要存在
参数是是获取元素的标签名属性，不区分大小写
返回值是一个类数组，没有找到返回空数组

通过类名（getElementsByClassName）

用法：和getElementsByTagName类似

上下文可以是document，也可以是一个元素
参数是元素的类名
返回值是一个类数组，没有找到返回空数组

获取html的方法（document.documentElement）

document.documentElement是专门获取html这个标签的

获取body的方法（document.body）

document.body是专门获取body这个标签的

通过选择器获取一个元素（querySelector）

用法：

上下文可以是document，也可以是一个元素
参数是选择器，与CSS选择器格式相同，如：“div .className”
返回值只获取到一个元素

通过选择器获取一组元素（querySelectorAll）

用法：同querySelector类似

上下文可以是document，也可以是一个元素

参数是选择器，如：“div .className”

返回值是一个类数组

JavaScript标签选取相关推荐

对JavaScript 标签语句的简单理解
JavaScript 标签语句在学习一个新东西的时候,常常难于理解一个新的概念 ,大概是因为它的名字迷惑了我们.初次看到这个标签语句时就让我非常的不解,想着这JavaScript怎么又和HTML的标 ...
inputtype='file' 标签选取文件/文件夹
一般网页上传文件大家都会用到这个标签 <input type="file" id="file_input"/> 我们可以通过这个标签选取文件,使用j ...
详解JavaScript中选取元素的所有方法
DOM中选取文档元素的方法总共有5种: 1.通过id值. 2.通过name属性值. 3.通过指定的标签名. 4.通过class类. 5.通过css选择器. 下面我就这五种方法详细解释一下吧. 1.通过 ...
javascript标签在页面中的位置探讨
在制作网页的过程中需要引用很多的js文件,至于他正确位置好多的朋友就会有疑问了,接下来为大家详细介绍下在制作网页的过程中,我们经常写类似下面的代码: [html] 复制代码代码如下: < ...
JavaScript标签自定义属性
自定义属性,给标签添加自己定义的属性,目的是可存储内容. 添加自定义属性有两种方法,一是直接在标签上添加属性,比如: <span score="20">小名的成绩& ...
Angular platform-server.js 里动态创建 JavaScript 标签页的场景
State transfer 的序列化和反序列化: script 的实际内容: 更多Jerry的原创文章,尽在:"汪子熙":
js和java script,js动态添加javascript标签
div格式的: (function(){ var Cndiv = document.createElement("div"), Cnscript = document.create ...
JavaScript中的标签语句
最近在看w3school的js部分,然后看到了list:,有点不明白,在此借鉴一下原文例子几解释. JavaScript 标签正如您在 switch 语句那一章中看到的,可以对 JavaScript ...
前端小技巧：javascript 获取标签中的属性对指定标签中的属性进行操作
javascript 标签中指定属性值的更改与获取适用于基本标签 <input><i><a>等基本标签引用jQuery,两种方式使用下面的input标签为例子 ...

JavaScript标签选取

JS获取DOM元素的方法

通过ID获取（getElementById）

通过name属性（getElementsByName）

通过标签名（getElementsByTagName）

通过类名（getElementsByClassName）

获取html的方法（document.documentElement）

获取body的方法（document.body）

通过选择器获取一个元素（querySelector）

通过选择器获取一组元素（querySelectorAll）

JavaScript标签选取相关推荐

最新文章

热门文章