<div id="demo">hello</div>
<a href="">连接1</a>
<a href="">连接2</a>
<a href="">连接3</a>
<span class="demo1">span1</span>
<span class="demo1">span2</span>
<span class="demo1">span3</span>
01根据id名字获取元素
var dom = document.getElementById('demo');
console.log(dom);
02根据标签的名字获取元素 注意获取的结果是一个伪数组 里面有3个a标签
var domA = document.getElementsByTagName('a');
console.log(domA);
03根据类名获取元素 获取的也是一个数组 (结果集)
var demo1 = document.getElementsByClassName('demo1');
console.log(demo1);
新方法根据选择器获取元素
04 id选择器
var domQueryId = document.querySelector('#demo');
console.log(domQueryId);
05class类选择器 获取的是指定选择器的第一个
var domQueryClass = document.querySelector('.demo1');
console.log(domQueryClass);
06根据标签名字获取 获取的是指定选择器的第一个
var domQueryA = document.querySelector('a');
console.log(domQueryA);
获取指定元素的所有元素
var domQueryClassAll = document.querySelectorAll('span');
var domQueryClassAll = document.querySelectorAll('.demo1');
console.log(domQueryClassAll);