JS——获取DOM对象的方法

1.通过ID获取

var block = document.getElementById('block')

括号中的是获取对象的id名，这里无需再加“#”，因为调用的方法已经指定了 。

 2.通过标签名获取

var block = document.getElementsByTagName('p')

当想要一次性获取很多个同类型标签的话，可以通过标签名来获取，返回的是html Collection （一个类似数组的结构），支持数组中索引，长度等操作，但不具备push等数组的特殊方法。

3.通过选择器获取

 var select = document.querySelectorAll('#id')

在进行操作的时候，它向浏览器传入的是一个选择器，而不再是一个标签名，所以在指定时要加上对应的标签（id用“#”，class用“.”） 

3.1通过选择器获取单一的元素

var item = document.querySelector('.block')

在这种方法中，只会获取选择选择器匹配到的第一个元素 。比如在下方代码中，两个div的类是一致的，querySelector只会获取第一个

<div class="item">第一个元素</div>
<div class="item">第二个元素不会被获取</div>

 4.获取相邻对象的值

4.1获取前后同级对象

 // 获取上一个同级对象
 var previous = item1.previousElementSibling
 // 获取下一个同级对象
 var next = item1.nextElementSibling

 这里获取的是同级的上下标签

4.2获取父元素

var father = item1.parentNode

4.2获取子元素

var kid = container.children