js操作DOM的增删改查

1、获取查找DOM元素，getElementById(),document.getElementsByTagName;document.getElementsByClassName;
document,querySelector();document.getElementSelectorAll();
2、增加 元素.appedChild();
3、改元素：元素。replaceChild（）；第一个参数 要替换的元素，第二个参数是被替换的；
4、删除；removeChild（）；删除元素；
实际例子：

<ul id ="list">
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
</ul>
<button id=“add”> 增加</button>
<button id=“change‘’> 替换</button>
<button id=“remove”> 删除</button>
var add =document.getElementById('add');
var  list = document.getElementById('list');
var add = document.getElementById('add');
var change = document.getElementById('change');
var remove = document.getElementById('remove');
add.onclick=function(){
var li = document.Createment('li');
list.appendChild('li')
li.innerHtml ="hello world";
}
change.onclick=function(){
	var li = document.createElement('li')
		li.innerHTML="大神"
list.replaceChild(li,firstChild)
}
remove.onclick=function(){
list.removeChild(list.lastChild)
}