hooyantsing's Blog

P59_点语法操作DOM节点元素

字数统计: 113阅读时长: 1 min
2020/11/05

点语法操作DOM节点元素

海豚日记 学习JS看这个就够了,全面打通 JAVASCRIPT 知识点(更新到17章)

DOM节点转成数组

DOM节点不能直接使用 map() 方法,因为节点原型链没有这个方法。而数组有。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const div = document.querySelectorAll("div");

// 1.
Array.from(div).map(function(item) {
console.log(item);
});

// 2.
Array.prototype.map.call(div,function(item){
console.log(item);
});

// 3.
[... div].map(function(item) {
console.log(item);
});
CATALOG
  1. 1. 点语法操作DOM节点元素
    1. 1.0.1. DOM节点转成数组