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

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

小言
小言原创
2022年07月26日 16:26:20384浏览

自定义类数组

分为数组和类数组
数组其实也是以对象的方式所存在的。
  1. const colors = ['red', 'green', 'blue'];
  2. console.log(colors);

类数组,就是一个对象的字面量
  1. const animals = {
  2. 0: 'dog',
  3. 1: 'cat',
  4. 2: 'pig',
  5. length: 3,
  6. };
  7. console.log(animals);

dom元素

dom元素,常用的有以下二种
querySelectorAll () 代表一组

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

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

querySelector () 代表一个
  1. const eles = document.querySelectorAll('.list .item:first-of-type');
  2. console.log(eles);
  3. console.log(eles[0]);
  4. eles[0].style.backgroundColor = 'yellow';

dom元素的遍历

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

  1. ul.firstElementChild.style.backgroundColor = 'red';
  2. ul.firstElementChild.nextElementSibling.style.backgroundColor = 'green';
  3. ul.lastElementChild.style.backgroundColor = 'red';
  4. ul.lastElementChild.previousElementSibling.style.backgroundColor = 'pink';

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议