JavascriptDOM获取元素的几种方法

第一种

document.getElementById('id属性值')

根据输入元素属性id的值，返回一个本页面所有相同元素的列表。

第二种

document.getElementsByTagName('标签名字')

根据输入元素的名称，返回一个本页面所有相同元素的列表。
因为它Element后面加了s表示的查多个，而不是只查一个。

第三种

document.getElementsByName('name属性值')

根据输入元素属性name的值，返回一个本页面所有相同元素的列表。

第四种

document.getElementsByClassName('class属性值')

根据输入元素属性class的值，返回一个本页面所有相同元素的列表。

第五种

document.querySelector('元素名+#or.+id或class属性值')

根据输入('元素名+#or.+id或class属性值')，返回第一个找到的元素。

第六种

document.querySelectorAll('元素名+#or.+id或class属性值')

根据输入('元素名+#or.+id或class属性值')，返回一个本页面所有相同元素的列表。