javascript把创建的节点放入数组中，再从数组中删除节点

最新推荐文章于 2024-04-23 00:00:00 发布
最新推荐文章于 2024-04-23 00:00:00 发布
阅读量1k 收藏 1
点赞数
文章标签： javascript 节点 数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czh500/article/details/84945814
版权

javascript把创建的节点放入数组中，再从数组中删除节点

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>把创建的节点放入数组中，再从数组中删除节点</title>
<link rel="stylesheet" type="text/css" href="mark.css">
<link rel="stylesheet" type="text/css" href="input2.css">
<link rel="stylesheet" type="text/css" href="body.css">
<script type="text/javascript">
	//创建元素 
	function createEle(tagName) {
		return document.createElement(tagName);
	}

	//在body中添加子元素 
	function appChild(eleName) {
		return document.body.appendChild(eleName);
	}

	//从body中移除子元素 
	function remChild(eleName) {
		return document.body.removeChild(eleName);
	}

	var myNumber = 0;
	
	function myDiv(borderColor) {
		var mask;
		mask = createEle('div');
		mask.id = "div" + ++myNumber;
		mask.style.cssText = "left:50px;top:50px;background:#f0f0f0;z-index:10001;width:600px;height:160px;border:solid 2px " + borderColor + ";";
		appChild(mask);
		return mask;
	}
	
	var myDivs;
	
	function showDiv() {
		var divs = new Array();
		var div1= myDiv("#8E388E");
		alert(div1.id);
		var div2= myDiv("red");
		alert(div2.id);
		divs[0] = div1;
		divs[1] = div2;
		myDivs = divs;
		return divs;
	}
	
	function removeDiv(myDivsArray){
		//这里突然想到一个问题，javascript中是按照值传递还是引用传递呢？有时间再回过头来研究这个问题，最近没时间，所以先放一放
		alert(myDivsArray);
		for (var i = 0; i < myDivsArray.length; i++) {
		remChild(myDivsArray[i]);
		}
	}
	
</script>
</head>
<body>
<input type="text" style="width: 50%;" value="把创建的节点放入数组中，再从数组中删除节点"><br>
这里突然想到一个问题，javascript中是按值传递还是按引用传递呢？有时间再回过头来研究这个问题，最近没时间，所以先放一放<br>
<button onclick="showDiv()">创建div节点</button>
<button onclick="removeDiv(myDivs)">删除div节点</button>
</body>
</html>

程宇寒
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript如何删除数组元素！
02-24
个人做的一个数组删除的方法，因实际需要就写了个，分享给大家吧！
js递归获取数组节点数据
czhsun的博客
12-22 1856
利用js的forEach方法循环数组数据并递归调用，取得树形结构数组的节点数据，并返回
JS 删除数组元素（ 5种方法 ）
最新发布
大剑师兰特的GIS世界
04-23 3605
- `splice()` 适合删除任意位置的元素，且可以一次删除多个。 - `pop()` 和 `shift()` 分别用于删除末尾和头部的单个元素。 - 使用 `delete` 操作符会导致数组中出现 `undefined` 值，而非真正缩小数组大小。 - 调整 `length` 属性可快速截断数组，但请确保了解其对数组影响的特殊性。
点击当前添加到数组，再次点击移除
九亿宅男的梦的博客
06-06 1679
let text = $(this).text(); let ind = vals.indexOf(text); if (ind === -1) { vals.push(text); } else { vals.splice(ind, 1); }
点击当前元素将信息存在数组，再次点击从数组移除
rainux
11-04 958
Code Is Never Die ！ 真实场景： 昨天在做一个选中与取消选中元素的功能，需要用到频繁push(加入)和remove(移除)元素的操作。 实现思路： 首先需要先判断数组中是否包含即将操作的元素； 若不存在，则将当前元素push至数组中；若存在则将当前所选元素在数组中找到并splice移除； 引入新方法： 根据数组元素的 “值” 来删除数组中当前 “值” 元素。 对数组增加内置属性方法： Array.prototype.contains = function(obj) { var i
js对数组的操作，包括向数组中插入删除数据
yang114544的博客
07-29 500
一.这里我们总结了一下js中常用的api，以及如何使用js完成在数组中插入删除数据 1.1.检查数组的api代码实例如下： <script> let value = [1, 2, 4, 5, 6]; console.log(Array.isArray(value))//输出为true </script> 2.转换方法将数组array转换为以逗号隔开的字符串 <script> let array = ['你好','hello','世界
Javascript将节点列表（NodeList）转化为数组（Array）
fendouzhe123的专栏
05-25 3512
你有没有想过将数组的功能应用于
js-structures:在javascript中实现的数据结构的集合
06-05
主要操作是压栈（将元素放入栈顶）和弹栈（移除栈顶元素）。JavaScript中，可以用数组模拟栈，利用push和pop方法实现栈的基本操作。 5. 队列（Queue） 队列是一种先进先出（FIFO）的数据结构，类似于等待服务的人群...
Dijkstra:JavaScript中Dijkstra的算法
05-11
1. 初始化：将源点的距离设为0，其他所有节点的距离设为无穷大（表示尚未找到路径），并放入一个优先队列（优先级基于距离）。 2. 选择当前距离最小的节点（即优先队列顶部的节点）。 3. 将该节点标记为已访问。 4. ...
任务管理器：节点实践
02-16
在IT领域，尤其是在Web开发中，JavaScript是一种至关重要的编程语言，它被广泛用于构建交互式用户界面、控制浏览器行为以及创建动态网站。本实践主题聚焦于"任务管理器"，这是一个利用JavaScript技术实现的工具，它...
speedytree:JavaScript中针对Deno的快速四叉树实现
04-02
2. **插入操作**：当向四叉树中插入一个新的对象时，会根据对象的位置将其放入合适的子节点。如果子节点已满，则需要进行节点分裂，将现有节点划分为四个新的子节点。 3. **删除操作**：删除对象时，需要找到对象...
js删除数组中某几项的方法总结
10-17
在本篇文章里小编给大家分享了关于js删除数组中某一项或几项的几种方法内容，有需要的朋友们学习下。
php获取json数据所有的节点路径
12-19
初始时，将根节点（JSON数组的每个键）放入队列。接下来，通过循环处理队列中的节点，将子节点依次添加到队列中，直到队列为空。在处理过程中，通过`explode()`函数将路径分解为数组，以便逐层访问JSON结构。 在...
js数组删除（splice和delete）
热门推荐
QQ向天歌
01-17 34万+
今天用到了数组的删除，分别使用了splice和delete方法，记录一下，方便下次查找。原数组是一个关联数组，如var test=[];test[1]={name:'1',age:1};test[2]={name:'2',age:2};test[4]={name:'3',age:3};console.log(test)长度为5的关联数组，现在开始删除。1.splice方法test.splice(2
玩转TypeScript之玩转数组(完整版)
Xmumu_的博客
08-19 2550
玩转TypeScript之玩转数组(完整版)
JS数组移除元素的方法
weixin_44860135的博客
07-30 5万+
1. 修改Arr的length let arr = [1,2,3,4,5,6,7,8,9]; arr.length = 3; console.log('length',arr.length); console.log('arr',arr); 2.delete (修改Arr的内容,但length不变) let arr = [1,2,3,4,5,6,7,8,9]; delete arr[...
JS数组数据删除与添加
MoonLight_dR的博客
01-23 2万+
JS 中数组的数据移入与删除： 1 移入数据： push（）函数： 从后移入，即在原始数据后添加一个数据，具体如下所示： 显示结果： unshift()函数： 从头移入，在数组数据的开头添加数据，具体操作如下所示： 显示结果： 2 删除数据 pop（）函数： 删除数组中的最后
javascript怎么把元素放入数组
06-11
可以使用数组的 `push()` 方法将元素添加到数组中，例如： ```javascript let myArray = []; // 创建一个空数组 myArray.push("元素1"); // 添加第一个元素 myArray.push("元素2"); // 添加第二个元素 console.log...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值