当前位置: 首页 > Web前端 > JavaScript

原生JS操作方法总结(add,remove,replace,insert,copy,create,find)

时间:2023-03-27 18:24:23 JavaScript

基本方法1.appendChild("待添加元素")//添加元素2.removeChild("待删除元素")//移除元素3。replaceChild("newnode","replacednode")//替换元素4.insertBefore("insertelement","beforewhichelement")//在元素5之前插入。insertAfter("insertelement","behindwhichelement")//在6之后插入元素cloneNode(Booleanvalue)//如果复制元素(clone)为true,则表示复制时将后代节点一起复制如果为false,则表示复制不包括后代节点以创建新节点*createDocumentFragment()//创建DOM片段*createElement("tagname")//创建特定元素*createTextNode()//创建文本node查找新节点1.document.getElementsByTagName("")//通过标签名查找2。document.getElementsByName("")//查找3.document.getElementById("")//按元素ID,唯一性4.document.getElementsByClassName("")//按类别查找5.document.querySelector("")//Findbyselector(获取一个选择器)6.document.querySelectorAll("")//获取所有选择器