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