js获取DOM元素

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

1、通过ID获取-指定且唯一性（getElementById）

document.getElementById('test');

2、通过类名（class名）（getElementsByClassName）

document.getElementsByClassName('test')
document.getElementsByClassName('test')[0]

3、通过标签名（getElementsByTagName）

document.getElementsByTagName('div');
document.getElementsByTagName('div')[0];

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

document.querySelector("#test");
document.querySelector(".test");
document.querySelector("div");

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

document.querySelectorAll(".test")[0];
document.querySelectorAll("div")[0];

 6、通过name属性（getElementsByName）

<input value="您好" name="test"/>
document.getElementsByName('test');
document.getElementsByName('test')[0];