0725自定义类数组,dom元素的API有几个 ,dom元素的遍历与常用API有哪些

自定义类数组

分为数组和类数组

数组其实也是以对象的方式所存在的。

const colors = ['red', 'green', 'blue'];
        console.log(colors);

类数组，就是一个对象的字面量

const animals = {
            0: 'dog',
            1: 'cat',
            2: 'pig',
            length: 3,
        };
        console.log(animals);

dom元素

dom元素，常用的有以下二种

querySelectorAll () 代表一组

就好像css选择器，可以针对多个一起选择

const items = document.querySelectorAll('.list .item');
        console.log(items);

querySelector () 代表一个

 const eles = document.querySelectorAll('.list .item:first-of-type');
        console.log(eles);
        console.log(eles[0]);
        eles[0].style.backgroundColor = 'yellow';

dom元素的遍历

从选择到的第N层的算元素，然后进行一层一层的选择，如果存在返回 上一层，当不存在时返回 最开始的一层

        ul.firstElementChild.style.backgroundColor = 'red';
 ul.firstElementChild.nextElementSibling.style.backgroundColor = 'green';
        ul.lastElementChild.style.backgroundColor = 'red';
        ul.lastElementChild.previousElementSibling.style.backgroundColor = 'pink';