获取dom页面文档对象的5种方法~js篇

1、通过ID获取： document.getElementById( ‘ID名’);

注意点：

• 因为我们文档页面从上往下加载，所以先得有标签所以我们script写到标签的下面
• get 获得element 元素by 通过
• 驼峰命参数id是大小写敏感的字符串

var timer = document.getElementById( 'time ");console.log(timer);
console.log(typeof timer);

2、通过标签名获取：getElementsByTagName(‘指定的标签’）；

可以返回带有指定标签名的对象的集合。

3、通过标签名获取某个标签准确的子元素：’明确的变量‘.getElenentsTagName(‘指定的标签’);

还可以获取某个元素(父元素)内部所有指定标签名的子元素.
element.getElementsByTagName( 标签名');
注意:父元素必须是单个对象(必须指明是哪一个元素对象).获取的时候不包括父元素自己。

h5

 4、h5新增获取元素方法

1. document.getElementsByClassName ( '类名');l/根据类名返回元素对象集合
2. document.querySelector('选择器');//根据指定选择器返回第一个元素对象
3. document.querySelectorA11('选择器');//根据指定选择器返回

5、获取特殊元素( body , html )获取body元素

1. doucument.body //返回body元素对象获取html元素
2 . document.documentElement / 返回html元素对象