js增删改查的四种方法

windows 7

chrome浏览器

sublime text3

打开sublime text3，新建一个HTML文件，设立HTML基本架构。

let button1 = document.getElementById('button1'); button1.addEventListener('click', function(){    let hey = document.createElement('input');    hey.type='button';    hey.value='新的按钮';    document.getElementsByTagName('body')[0].appendChild(hey);});我们这里进行监听事件，点击按钮以后，就会新增一个元素，这里以按钮作为示范。

let button1 = document.getElementById('button1'); button1.addEventListener('click', function(){    let hey = document.getElementsByTagName('form')[0];    hey.removeChild(hey.childNodes[2])});如果有多行数据，那么我们也可以指定来移除掉不需要的元素。

let button1 = document.getElementById('button1'); button1.addEventListener('click', function(){    let hey = document.getElementsByTagName('input')[0];    hey.type = 'radio';});如果觉得类型错了，那么我们可以直接进行修改，指定好位置即可。

let button1 = document.getElementById('button1'); button1.addEventListener('click', function(){    let hey = document.getElementsByTagName('input')[0];    if(hey){        alert('存在元素');    }});如果要查看元素是否存在，我们可以用if来判断。