js增删改查的四种方法

js增删改查的四种方法

js增删改查的四种方法，增删改查虽然是数据库常用的操作名词，但是在javascript里也是经常会用到增删改查的方法，因为表现在页面上的数据和信息内容经常是需要各种各样的改动的。

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

创建输入和标签作为示范，并且关联js文件。

let button1 = document.getElementById("button1");

button1.addEventListener("click", function(){

let hey = document.createElement("input");

hey.type="button";

hey.value="新的按钮";

document.getElementsByTagName("body").appendChild(hey);

});

我们这里进行监听事件，点击按钮以后，就会新增一个元素，这里以按钮作为示范。

let button1 = document.getElementById("button1");

button1.addEventListener("click", function(){

let hey = document.getElementsByTagName("form");

hey.removeChild(hey.childNodes)

});

如果有多行数据，那么我们也可以指定来移除掉不需要的元素。

let button1 = document.getElementById("button1");

button1.addEventListener("click", function(){

let hey = document.getElementsByTagName("input");

hey.type = "radio";

});

如果觉得类型错了，那么我们可以直接进行修改，指定好位置即可。

let button1 = document.getElementById("button1");

button1.addEventListener("click", function(){

let hey = document.getElementsByTagName("input");

if(hey){

alert("存在元素");

}

});

如果要查看元素是否存在，我们可以用if来判断。