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增删改查的四种方法
  • DOS命令attrib的用法
  • 安装系统的vmware虚拟机,如何添加硬盘和分区?
  • Visual Studio怎么新建一个本地存储库
  • 打开命令提示符的多种方法
  • Dreamweaver如何设置快捷键
  • 热门搜索
    宣传普通话手抄报 61儿童节手抄报 防灾减灾一等奖手抄报 数学王国手抄报 家规家训手抄报 法制与安全的手抄报 安全出行手抄报 元旦手抄报的内容 关于鸟的手抄报 反对邪教手抄报内容