js 建立和刪除事件
<html> <head> <meta charset="utf-8" /> <title>建立與刪除</title> </head> <body> <input type="file" /><button>新增</button> </body> <script> var btn = document.getElementsByTagName('button')[0] btn.onclick = function () { // 建立一個div var div = document.createElement('div') // 建立一個input var input = document.createElement('input') input.type = 'file' // 將input新增到div中 div.appendChild(input) // 建立一個按鈕 var button = document.createElement('button') button.innerText = '刪除' button.onclick = function () { // 找到父級元素 var parent = this.parentNode // 找到祖父級元素 var grand = parent.parentNode // 刪除父級元素 grand.removeChild(parent) } // 將button新增到div中 div.appendChild(button) // 將div新增到文件中 btn.parentNode.appendChild(div) } </script> </html>
