获取元素

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的元素，返回数组