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

最新推荐文章于 2024-01-11 11:42:42 发布

程宇寒

最新推荐文章于 2024-01-11 11:42:42 发布

阅读量1k

点赞数

文章标签： javascript 节点数组

本文链接：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把创建的节点放入数组中，再从数组中删除节点

javascript把创建的节点放入数组中，再从数组中删除节点&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;把创建的节点放入数组中，再从数组中删除节点&lt;/title&gt;&lt;link rel="stylesheet&quot
复制链接

扫一扫