DOM的元素获取

一.根据id获取元素

1.因为文档页面从上向下加载，所以JS的内容写在标题的下面。

2.  getElementById  get:获取   Element:元素 By:通过

(驼峰命名法)

3.参数id是大小写敏感的字符串。

4.DOM 返回的是一个元素对象。

5.console.dir与console.log(typleof 属性名)

显示的是打印我们返回的元素对象，更容易看到里面的属性和方法。

二.根据标签获取元素

1. getElementByTagName:返回的是获取元素对象的集合，以伪数组的形式存在。

2  <ul><li>编程</li></ul>……

console.log(lis[0])；

例如我们想一次打印ul中的元素对象我们可以采取遍历的方式

例如:  for(var i=0；i<lis.length;i++){

console.log(lis[i])；}

3.element.getElementByTagName 可以得到这些元素里的某些标签

例如

……

var nav = document.getElementById('he'); 获得he里的元素。

var navlis = nav.getElementsByTagName('li');  获得li里的元素，最后在输出navlis。