JavaScript:动态创建按钮添加到页面上,动态删除按钮 作者:马育民 • 2022-08-04 16:51 • 阅读:10106 # 说明 动态创建dom对象,并添加到页面上 # 创建元素 ``` var subDomObj = document.createElement("标签名") ``` # 设置属性 ### 设置id: ``` subDomObj.id = 'myid' ``` # 添加子元素 ``` domObj.appendChild(subDomObj) ``` # 删除子元素 ``` domObj.removeChild(subDomObj) ``` # 删除所有子元素 ### 方式一: ``` document.getElementById("id").innerHTML = "" ``` ### 方式二: 获取所有子元素,循环调用 `domObj.removeChild(subDomObj)` 删除子元素 # 案例 ``` Document 动态创建button 动态删除button ``` 原文出处:http://malaoshi.top/show_1IX3nkrKrPU2.html