javascript把建立的節點放入陣列中，再從陣列中刪除節點
阿新 • • 發佈：2018-12-11
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>
