JS创建新元素组与删除当前元素组

最新推荐文章于 2024-01-19 09:13:49 发布
最新推荐文章于 2024-01-19 09:13:49 发布
阅读量1.1k 收藏
点赞数
分类专栏： ajax+jquery+js系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/k8080880/article/details/51148393
版权 
<script type="text/javascript">
$(document).ready(function(){
  $("#add_guest").click(function(){
<span style="white-space:pre">	</span>  $("#YK").append("<li >姓名:<input name='plan_user_name[]' type='text' id='plan_user_name[]' size='9'>&nbsp;&nbsp;<select name='plan_user_sex[]' id='plan_user_sex[]'><option value='不详'>—性别—</option><option value='男'>男</option><option value='女'>女</option></select>&nbsp;&nbsp; <select name='plan_user_sort[]' id='plan_user_sort[]'><option value='暂无'>—证件类型—</option><option value='身份证'>身份证</option><option value='军人证'>军人证</option><option value='护照'>护照</option><option value='学生证'>学生证</option><option value='港澳通行证'>港澳通行证</option><option value='其他'>其他</option></select>&nbsp; &nbsp;证件号码:<input type='text' name='plan_user_haoma[]' id='plan_user_haoma[]'>&nbsp;&nbsp;电话:<input name='plan_user_tel[]' type='text' id='plan_user_tel[]' size='13'>&nbsp;备注:<input type='text' name='plan_user_beizhu[]' id='plan_user_beizhu[]' maxlength='20'><input type='button' name='del[]' id='del[]' value='删除' οnclick='dl(this.parentNode)'><BR></li>");
  });
 });
function dl(obj){
obj.parentNode.removeChild(obj);
}
</script>

找到快乐的根源
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js删除数组中指定元素
10-09
这里，我们比较数组元素与`elementToRemove`，并将不等于`elementToRemove`的元素保留在新数组中。 ### 方法选择 两种方法各有优缺点。`splice()`方法直接修改原数组，适用于需要立即删除元素的情况，但要注意遍...
浅谈使用splice函数对数组中的元素进行删除时的注意事项
09-01
这里，`i = i - 1`的目的是因为`splice()`会移除当前索引及其后的元素，因此我们需要回退`i`的值，防止错过下一个可能要删除的元素。 ### 3. 使用`for...in`循环的陷阱 需要注意的是，不建议使用`for...in`循环来...
javaScript数组和元素
weixin_44752125的博客
11-04 787
创建和初始化数组 使用new关键字创建数组` // 声明数组 const a1 = new Array(); // 将数组元素作为参数 const a2 = new Array("1","2","3") // 给数组一个指定长度 const a3 = new Array(7) 使用new关键字，能简单地声明初始化一个数组，用这种方法，还可以创建一个指定长度的数组。另外也可以直接将数组元素作为参数传递给它的构造器。 2.使用[ ]形式 // 通过字面量的方式创建 const a1 = []; //可以用
js添加元素的方式
weixin_68915174的博客
10-29 1万+
innerHTML可以输出标签以及内容，innerText只能输出内容不能输出标签。beforebegin：插在元素自身的前面。beforebegin：插在元素自身的前面。afterbegin：插在元素内部最前面。beforeend：插在元素内部最后面。afterbegin：插在元素内部最前面。beforeend：插在元素内部最后面。afterend：插在元素自身的后面。afterend：插在元素自身的后面。
带你彻底学会JS DOM技术之创建，插入元素
大河之犬的博客
10-06 4881
所谓的“动态DOM”，指的是使用JavaScript创建的元素。来创建一个文本节点，然后可以将元素节点与文本节点“组装”成我们平常看到的“有文本内容的元素”。方法把已经创建好的“有内容的strong元素”插入到div元素中，这时才会显示出内容。动态创建了一个strong元素，但是此时strong元素是没有内容的。//将strong元素插入div元素（这个div在HTML已经存在）方法将一个新元素插入到父元素中的某一个子元素“之前”A表示父元素，B表示新子元素。把一个新元素插入到父元素的内部子元素的“末尾”
JavaScript 删除数组中指定元素(5种方法)
热门推荐
欢迎光临~
05-13 14万+
以上是 JavaScript 删除数组中指定元素的多种方法。我们可以根据需求选择适合自己的方法来删除数组中的元素。希望这篇文章能够帮助你更好地掌握 JavaScript 中的数组操作。
js添加元素的三种方法
Julienling的博客
03-29 1万+
点击按钮变为： 提前说下结论：善用innerHTML属性，但是不能过于依赖，否则会造成改动过大，不利于程序稳定性。 首先，结构部分为： <div> <ol> <li id="spe">speedo</li> <li>arena</li> <li>balenire</li> </ol> .
【JavaScript源代码】JS实现元素的拖动与占位功能.docx
12-29
这包括在目标位置创建一个新的空元素，将移动元素的内容复制到新元素，然后删除原始元素。如果移动不合法，元素会自动返回原来的位置。 在上述代码中，使用了 jQuery 库简化了事件绑定和DOM操作。对于没有超过某个...
javascript动态添加删除tabs标签的方法
10-23
在JavaScript中，动态添加和删除tabs标签是常见的页面交互功能，用于创建可交互的用户界面。本篇文章将深入探讨如何使用JavaScript实现这一功能，包括对页面元素的操作技巧。 首先，我们需要理解tabs的基本结构。...
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
10-22
// 创建新元素 var $br = $(" "); var $file = $("<input type='file' name='name1' />"); var $button = $("<input type='button' value='delete'>"); // 将新元素添加到“more”按钮之后 $(this)....
js 三种创建新元素的方式
m0_46396424的博客
09-13 2013
三种创建元素的方式 document.write()创建元素——它会导致页面的重绘，也就是说会将页面之前的样式全部修改。从下图中可以看出，点击按钮之后，页面中的标签也被修改了。 innerHTML 是将内容直接写入某个DOM节点，不会导致页面重绘，创建多个元素的效率更高（不要拼接字符串，采取数组形式拼接，数组拼接的形式效率最高），结构稍微复杂。 <!DOCTYPE html> <html lang="en"> <head> <meta cha
【JS】JS数组添加元素的三种方法
weixin_38090079的博客
05-12 3544
这里写目录标题正文1、push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。2、unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。3、splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 正文 1、push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 1）、语法： arrayObject.push(newelement1,newelement2,....,newelementX) 参数 描述 newelement
如何创建新元素并添加到页面中
最新发布
qingdouxiaohua的博客
01-19 393
首先，选择要将新元素添加到的已有元素。可以通过getElementById()方法、getElementsByClassName()方法或querySelector()方法选择元素。最后，将新元素添加到已有元素中。可以使用appendChild()方法将新元素添加到父元素的子元素列表的末尾。接下来，创建新元素。然后，可以设置新元素的属性、样式或文本内容。完成以上步骤后，新元素将添加到页面中，并显示在已有元素中。要创建新元素并将其添加到页面中，可以使用JavaScript编程语言来实现。
Js如何删除所有子元素以及当前元素
itclanCoder
02-02 3262
示例展示deleteallelem具体描述在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的原生js代码//删除元素的函数 functiondeleteChilds(){ varul=document.getElementsByTagName("ul")[0];//获取父级DOM ...
JS学习--利用javascript创建元素的4种方法
weixin_48084293的博客
06-04 4884
文章目录先总结4种方法1. document.write()；2. element.innerHTML3. document.creatElment()4. 采用数组创建的方式遇到的问题 这个知识点学习也有几天了，今天在做轮播图效果时被坑了一下耽误了很长时间，所以从重新在总结巩固一下。 先总结4种方法 1. document.write()； var btn = document.querySelector('button'); btn.onclick = function () {
js获取多组元素值
一匹来自北方的狼
04-27 1077
&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-
js数组元素组合(递归实现）
sspu_admin
02-15 2125
有时候我们需要获取数组元素的所有可能组合，可以通过递归实现 //arr表示源数组，size表示选取元素的个数 function combination(arr,size){ //定义数组保存结果 var result = [] //selected数组包含已经选中的元素 //arr数组包含未选中元素数组，size表示还需选取元素的个数 function ...
元组:(tuple)
qq_41737952的博客
03-18 6820
 1 元组:(tuple)   tuple:()相比较列表list:[]   元组和列表都是一种有序集合,(0,2,3,5,9)，第一个元素即是第一个存入的元素，   按照存放顺序存储。   #元组的访问   #格式：元组名[下标]   tuple4 = (1,2,3,4,5)   print(tuple4[0])       #  1   # 获取最后一个元素   print(tuple4[-1...
Node.js Tuple元组操作
小辣抓
11-12 4004
let tuple = function(){ return [1,3,4]; };//解构 let [a,b,c] = tuple(); //打印的得到的结果 console.log(a,b,c);output:1 3 4
c++对数组进行添加、删除元素
04-28
但可以通过创建新的数组来实现添加或删除元素的效果。 添加元素： 1. 创建一个比原数组长度大 1 的新数组。 2. 将原数组的元素复制到新数组中。 3. 在新数组的末尾添加新元素。 示例代码： ```c int old_array[]...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值