伪数组与dom常用api

1.伪数组

常见伪数组有 arguments querySelectorAll children 等

let arr=[1,2,3]
   // 判断是不是数组
console.log(Array.isArray(arr));
// 伪数组转数组
Array.from()

2.1获取dom元素

// querySelector 返回选择第一个
console.log(document.querySelector('.box'));
// querySelectorAll 返回节点伪数组
console.log(document.querySelectorAll('ul'));
// 其他获取方法
// 使用 document.documentElement 可以访问 html 元素。
// 使用 document.doctype 可以访问 doctype。注意，部分浏览器不支持。
// 使用 document.childNodes 可以遍历子节点。
// 使用 document.firstChild 可以访问第一个子节点，一般为 doctype。
// 使用 document.lastChild 可以访问最后一个子节点，如 html 元素或者注释。
// 访问特殊元素
// 文档中存在很多特殊元素，使用下面的方法可以获取，若获取不到则返回 null。
// 使用 document.body 可以访问 body 元素。
// 使用 document.head 可以访问 head 元素。
// 使用 document.defaultView 可以访问默认视图，即所属的窗口对象 window。
// 使用 document.scrollingElement 可以访问文档内滚动的元素。
// 使用 document.activeElement 可以访问文档内获取焦点的元素。
// 使用 document.fullscreenElement 可以访问文档内正在全屏显示的元素。
// 访问元素集合
// document 包含一组集合对象，使用它们可以快速访问文档内元素，简单说明如下：
// document.anchors：返回所有设置 name 属性的 <a> 标签。
// document.links：返回所有设置 href 属性的 <a> 标签。
// document.forms：返回所有 form 对象。
// document.images：返回所有 image 对象。
// document.applets：返回所有 applet 对象。
// document.embeds：返回所有 embed 对象。
// document.plugins：返回所有 plugin 对象。
// document.scripts：返回所有 script 对象。
// document.styleSheets：返回所有样式表集合。

2.2 获取form表单元素与控件的值

2.3 dom元素的遍历与常用API

-
-