添加 删除 替换 插入到某个接点的方法？

1.创建新节点

createElement() //创建一个具体的元素

//创建div元素
var div=document.createElement('div')

createTextNode() //创建一个文本节点

//创建文本
var text=document.createTextNode('hello world')

2.添加、移除、替换、插入

appendChild() //添加

//appendChild() 方法向节点添加最后一个子节点
var divs=document.createElement('div');//创建一个子节点
var box=document.querySelector('.box');//获取元素
box.appendChild(divs);//向box元素内追加divs子节点

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

remove()//删除所有的子元素

 

3.查找

getElementsByTagName() //通过标签名称

document.getElementsByTagName('span')

getElementsByClassName() //通过元素的class属性的值

document.getElementsByClassName('box')

getElementById() //通过元素Id，唯一性

document.getElementById('id_name')

querySelector（）

document.querySelector('div');//通过标签

document.querySelector('.box');//通过class
document.querySelector('#box');//通过id

querySelectorAll（）

//得到集合
document.querySelector('div');//通过标签
document.querySelector('.box');//通过class