getElementById()方法
接受一个参数:获取元素的ID。如果找到相应的元素则返回该元素的HTMLDivElement 对象,如果不存在,则返回null。
document.getElementById(‘div1‘); //获取id 为div1 的元素
getElementsByTagName()方法
将返回一个对象数组这个数组保存着所有相同元素名的节点列表。
document.getElementsByTagName('li'); //获取所有li 元素,返回数组
document.getElementsByName()方法
通过标签的名字来获取标签(返回的是一个数组,将所用相同标签名的标签返回)
document.getElementsByClassName()方法
通过标签的class值来获取标签(返回的是一个数组,将所有相同class名的标签返回)
querySelector()方法
接受一个参数:通过元素的css选择器查找元素。如果找到相应的元素则返回该元素的HTMLDivElement 对象,如果不存在,则返回null。
document.querySelector(‘#div1’); //获取id 为div1 的元素
document.querySelector(‘.div1’); //获取class 为div1 的第一个元素
querySelectorAll()方法
将返回一个对象数组这个数组保存着所有符合选择器的节点列表。
document.querySelectorAll('li'); //获取所有li元素,返回数组
document.querySelectorAll(‘.list'); //获取所有class为list的元素,返回数组