案例1. 模拟一个 children 方法的底层实现:
let list = document.querySelector('.list');
// 1.获取所有子节点
let nodeList = list.childNodes;
// 2.存放过滤的元素组(容器)
let filterArr = [];
// console.log(filterArr) // 存在 forEach方法
nodeList.forEach(function(item,index){
// 条件是 item 获取一个节点后 ++
if(item.nodeType === 1){
// 得到一个元素节点后 继续下一次筛选
filterArr.push(item);
}
})
// 获取到所有子元素
console.log(filterArr);
通过这个小案例就实现了一种过滤;
案例 2. 修改对象内容:
let btu = document.querySelector('.btu'); //获取对象
let content = document.querySelector('.content');// 获取对象
btu.onclick = function(){ // 替换对象内容
content.innerText = '金箔广场