前端零碎问题(二)dom的增删操作

it2022-05-25  70

a)原生js操作

创建DOM: .createElement() // 创建一个具体的元素.createTextNode() // 创建一个文本节点插入DOM: .appendChild().replaceChild() // 替换节点.insertBefore() // 在已有的子节点前插入一个新的子节点删除DOM:.removeChild()

b)jquery实现方法

创建DOM:插入DOM: .append() // 在每个匹配元素里面的末尾处插入参数内容。.appendTo() // 将匹配的元素插入到目标元素的最后面.after() // 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点。.before() // 根据参数设定,在匹配元素的前面插入内容.prepend() // 将参数内容插入到每个匹配元素的前面(元素内部).prependTo() // 将所有元素插入到目标前面(元素内).insertAfter() // 在目标元素后面插入集合中每个匹配的元素.insertBefore() // 在目标元素前面插入集合中每个匹配的元素删除DOM: .remove() // 将匹配元素集合从DOM中删除.empty() // 从DOM中移除集合中匹配元素的所有子节点.unwrap() // 将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置

转载于:https://www.cnblogs.com/gutianer/p/8022775.html


最新回复(0)