JS 中常见的七种获取元素的方法
在JavaScript中，获取页面元素常用的方法有以下七种：
document.getElementById(id)：通过元素的ID获取一个元素。document.getElementsByClassName(className)：通过元素的类名获取一组元素。document.getElementsByTagName(tagName)：通过元素的标签名获取一组元素。document.querySelector(selector)：通过CSS选择器获取第一个匹配的元素。document.querySelectorAll(selector)：通过CSS选择器获取所有匹配的元素。document.getElementsByName(name)：通过元素的name属性获取一组元素（通常用于<input>和<button>等表单元素）。document.body：获取<body>元素。
示例代码：
// 通过ID获取元素
var elementById = document.getElementById('myElement');
// 通过类名获取元素集合
var elementsByClassName = document.getElementsByClassName('myClass');
// 通过标签名获取元素集合
var elementsByTagName = document.getElementsByTagName('div');
// 通过CSS选择器获取第一个匹配的元素
var elementByQuery = document.querySelector('.myClass');
// 通过CSS选择器获取所有匹配的元素集合
var elementsByQueryAll = document.querySelectorAll('p.myClass');
// 通过name属性获取元素集合
var elementsByName = document.getElementsByName('myName');
// 获取body元素
var bodyElement = document.body;
评论已关闭