this 表示被调用的元素
var 和let的区别
var有变量提升作用,而let没有;
let有块级作用域,而var 没有;
var 相同的变量可以被重复定义多次,而let只能被定义一次;
创建&插入
名称 描述
document.createElement(“元素名”) 创建元素节点
document.createTextNode(“文本”) 创建文本节点
A.appendChild( B) 把B节点追加至A节点的末尾
insertBefore( A,B ) 把A节点插入到B节点之前
cloneNode(deep) 复制某个指定的节点
如果deep为true,则把A节点里面的子节点一起拷贝过来,如果不为true或者为空,则只把A节点拷贝过来,不把里面的子节点一起拷贝过来
例题:点击修改,弹出prompt,把当前li的内容,替换成prompt输入的内容,点击删除可以把当前li整个删除。
删除&替换
名称 描述
父节点.removeChild( 子节点) 删除指定的节点
父节点.replaceChild( newNode, oldNode) 用其他的节点替换指定的节点
例题2: