WebAPI-获取页面元素（标签）的常用方法汇总

通过 ID 获取元素

语法：

document.getElementById(id)

说明：

• document 表示当前文档对象，就是当前页面；每个载入浏览器的 HTML 文档都是 Document 对象
• getElementById() Document 对象的一个方法，用于获取指定 id 的元素
• id 该参数为 id 字符串；就是通过标签的 id 属性为标签设置的具有唯一性的标识（该属性值必须是唯一的），区分大小写

返回值：

• 在当前文档中，被查找的元素（标签）存时返回值为元素对象，不存在则返回 null；获取的是一个元素

<div id="box"> div 元素div>

<script>
	// 通过 id 获取页面元素
	var el = document.getElementById('box')
	// 打印
	console.log(el)
script>

通过标签名获取元素

语法：

document.getElementsByTagName(tagName) 或 element.getElementsByTagName(tagName)

说明：

• getElementsByTagName() 获取特定区域中所有指定的元素；调用该方法的对象可以是 Document 对象也可以是指定的元素对象
• tagName 字符串类型的标签名
• element 指定的元素对象（会在该元素内通过标签名获取指定的所有标签）

返回值：

• 获取的指定元素对象的集合，是一个伪数组

<p>p 标签1p>
<p>p 标签2p>
<p>p 标签3p>
<div id="box">
  <p>p 元素1p>
  <p>p 元素2p>
  <