[简洁]JavaScript中添加移除移动复制创建和查找节点元素

Posted 2021-02-09 Stack Ocean

查找：

1. document.getElementsByTagName通过标签名获取元素，不论有多少个都返回元素集合。

2. document.getElementsByClassName通过类名获取元素，同上返回集合。

3. document.getElementById通过id属性名获取元素，返回元素对象

创建节点：document.createElementc创建元素节点，document.createTextNode创建文本节点

添加或移动节点：appendChild添加节点到指定元素内尾部，insertBefore添加元素通过基于指定元素位置之前加入，如果参数写的不是新创建的元素而是查找页面上已存在的元素则是移动如下图所示：

 

移除：父级.removeChild(父级内子元素)，删除指定元素内的某一个子元素

复制：cloneNode()复制节点，如：元素对象.cloneNode(false)默认参数是false可以不写，false的话只克隆自身不包含元素内的子元素，true则连元素对象内的后代元素都复制下来。