06-28 DOM节点操作-学习总结

var和let的区别:

1.var有变量提升,而let没有;

2.let有块级作用域,而var没有;

3.var可以重复定义变量,let只能被定义一次;

 想点击li111的时候,弹跳1,点击li222的时候,弹跳2:

但是会发现一个问题,不循环了,出现的数值都是循环过后的结果:👇

那么怎么解决这样的问题呢?有三种方法:

1.用函数形参

2.用闭包

3.用let解决

DOM节点操作:

document.createElement(“元素名”) 创建元素节点

document.createElement(“元素名”) 创建元素节点

document.createTextNode(“文本”) 创建文本节点

document.createTextNode(“文本”) 创建文本节点

A.appendChild( B) 把B节点追加至A节点的末尾

A.appendChild( B) 把B节点追加至A节点的末尾

父节点.insertBefore( A,B ) 把需要插入的A节点插入到B子节点之前

父节点.insertBefore( A,B ) 把需要插入的A节点插入到B子节点之前

需要复制的节点.cloneNode(deep) 复制某个指定的节点

deep里面不写true,打印不出子节点,写true才可以;

需要复制的节点.cloneNode(deep) 复制某个指定的节点

删除&替换

名称 描述

父节点.removeChild( 子节点) 删除指定的节点

父节点.removeChild( 子节点) 删除指定的节点

父节点.replaceChild( newNode, oldNode) 用其他的节点替换指定的节点

父节点.replaceChild( newNode, oldNode) 用其他的节点替换指定的节点
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容