javascript 获取元素方法

01-getElementById获取元素

使用id获取元素

2019-9-9

02-getElementsByTagName获取某些元素

// 1.返回的是 获取过来元素对象的集合 以伪数组的形式存储的
var lis = document.getElementsByTagName(‘li’);
// 2. 我们想要依次打印里面的元素对象我们可以采取遍历的方式
for (var i = 0; i < lis.length; i++) {
console.log(lis[i])
}

03-getElementsByClassName 根据类名获得某些元素集合

    var boxs = document.getElementsByClassName('box');

04-querySelector 返回指定选择器的第一个元素对象 切记 里面的选择器需要加符号 .box #nav

    var firstBox = document.querySelector('.box');
    console.log(firstBox);
    var nav = document.querySelector('#nav');
    console.log(nav);
    var li = document.querySelector('li');
    console.log(li);

05- querySelectorAll()返回指定选择器的所有元素对象集合

    var allBox = document.querySelectorAll('.box');
    console.log(allBox);
    var lis = document.querySelectorAll('li');
    console.log(lis);
展开阅读全文
©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读