javascript中获取元素的方法（动态获取/静态获取/区别）

动态获取：

1、getElementById():根据标签中的id属性值来获取当前标签对象，返回的是一个节点对象
2、getElementsByClassName():根据标签中的class属性值来获取当前标签对象，返回的是一个伪数组，如果要操作节点对象，那么需要从伪数组中通过下标获取该节点对象
3、getElementsByTagName():根据标签名来获取当前标签对象，返回的是一个伪数组，如果要操作节点对象，那么需要从伪数组中通过下标获取该节点对象
4、getELementsByName():根据标签中的name属性值来获取当前标签对象，返回的是一个伪数组，如果要操作节点对象，那么需要从伪数组中通过下标获取该节点对象

静态获取：

1、querySelector():根据css选择器来获取对象，获取的是第一个满足条件的元素，返回一个节点对象
2、querySelectorAll():根据css选择器来获取对象，获取的是所有满足条件的元素，返回一个伪数组
注意：当返回对象是一个伪数组时，调用对象需要用数组调用方式，例如：var arr=getElementsByClassName(‘head’) 想调用class属性名为head的对象时就要用arr[i]

动态获取和静态获取的区别：
1、浏览器版本的区别
2、W3C的标签不同
3、所传递的参数不同
4、静态获取时，选出的所有元素的数组，不会随着文档操作而改变；
动态获取时，选出的所有元素的数组，会随着文档的操作而发生变化