手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js增删改查的四种方法

时间:2024-10-31 04:39:13

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

js增删改查的四种方法

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

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

js增删改查的四种方法js增删改查的四种方法js增删改查的四种方法

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

js增删改查的四种方法js增删改查的四种方法js增删改查的四种方法

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

js增删改查的四种方法js增删改查的四种方法js增删改查的四种方法

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

js增删改查的四种方法js增删改查的四种方法js增删改查的四种方法
© 2025 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com