js获取元素的方法

<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);