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

2、<form><input type="text"><input type="button" value="按钮"></form>创建输入和标签作为示范,并且关联js文件。

3、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);});我们这里进行监听事件,点击按钮以后,就会新增一个元素,这里以按钮作为示范。



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



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



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


