DOM获取元素的几种方式

DOM
1、可以通过id来获取元素 document.getElementById();
在代码中比如

你好

此时就能够获取id为box的元素信息，且在控制台将 你好 输出 同时也可以通过innerHTML来改变box元素里的内容。
a.innerHTML = ‘hello’;此时页面上显示的为 hello。
2、document.getElementByClassName()是通过获取class名来获取相应的元素信息,但是该方法的返回值为集合的形式
也可以通过innerHTML = ''来修改其中的内容，但是形式应该是
var b = document.getElementsByClassName(‘bos’);
b[0].innerHTML = ‘hello’;
3、还可以通过getElementsByTagName(‘div’)这是通过标签名来获取信息，这种方法返回值也为集合形式，也可以用innerHTML
来修改元素里的内容，方法跟2一样。
注意：getElementById前面只能为document 而其他两种前面可以不是document。比如：

• 
  
• 
  </ul
  var a = document.getElementById(‘list’); var b = a.getElementsByTagName(‘li’);