JavaScript：nodeType节点/文档碎片对象模型-DcoumentFragment

1伪数组转真数组的方式:

伪数组转真数组的多种方式：

1 Array.from

2 Array.prototype.slice.call(list)

3 [...list]

const list1 = document.getElementsByTagName('p')

//检查list1 是不是 Array数组 的实例 --> false --伪数组

console.log(list1 instanceof Array) //false--伪数组

////转变为真数组--的几种方式

const list2 = [...list1]

const list3 = Array.from(list1)

//以下两种方式--原理性质一样

const list4 = Array.prototype.slice.call(list1)

const list5 = [].slice.call(list1)

//

console.log(list2 instanceof Array) //true

console.log(list3 instanceof Array) //true

console.log(list4 instanceof Array) //true

console.log(list5 instanceof Array) //true

// 将伪数组转为真数组

const p1 = Array.from(pNodes);

const p2 = Array.prototype.slice.call(pNodes) c

onst p3 = [].slice.call(pNodes)

const p4 = [...pNodes]

2nodeType节点:

2. nodeType节点:

页面中所有的东西都可以叫节点, 标签,元素,文本,属性

节点: 标签节点,属性节点,文本节点,他们都是节点,节点是有类型的

标