Fatal编程技术网
  • javascript/
  • 如何使用javascript动态添加删除块

如何使用javascript动态添加删除块

javascript html

如何使用javascript动态添加删除块,javascript,html,Javascript,Html,我在删除一个段落时遇到了一个问题，我使用javascript添加了这个段落。 添加按钮可以很好地工作。当我试图删除该段落时，问题就出现了 函数rdn_id（）{return Math.random（）.toString（36）.substring（7）；} //创建按钮 函数create_btn（） { //创建一个删除按钮 var btn_remove=document.createElement（“按钮”）； //创建唯一的按钮ID id_btn_remove=rdn_id（）； btn_

我在删除一个段落时遇到了一个问题，我使用javascript添加了这个段落。 添加按钮可以很好地工作。当我试图删除该段落时，问题就出现了

函数rdn_id（）{return Math.random（）.toString（36）.substring（7）；} //创建按钮 函数create_btn（） { //创建一个删除按钮 var btn_remove=document.createElement（“按钮”）； //创建唯一的按钮ID id_btn_remove=rdn_id（）； btn_remove.id=id_btn_remove； btn_remove.textContent=“删除文件”； 返回[btn_remove，id_btn_remove]； } //添加elt功能 函数create_p_btn（） { //创建段落 var段落=document.createElement（“P”）； //创建一个唯一的p ID id_段落=rdn_id（）； 段落id=id_段落； 段落.style.paddingTop=“5px”； 段落.style.background=“蓝色”； 文件.getElementById（“setItHere”）.appendChild（第段）； //添加按钮 var values=create_btn（）； var btn_rmv=值[0]； var id_btn=值[1]； 第3.1段（btn_rmv）； getElementById（id_btn）.addEventListener（“onclick”，function（）{remove_func（id_段落）；}）； } //删除函数 函数remove\u func（id\u el） { var elt=document.getElementById（id_el）； elt.parentNode.removeChild（id_el）； } 

添加
您需要进行两项更改：

  • 事件名称应为
    click
    ，而不是
    onclick
  • elt.parentNode.removeChild（id\u el）应该是
    elt.parentNode.removeChild（elt）
    • 看看这支钢笔

    试试
    如果（removeFn）{remove_func=null}或者{remove_func=copiedFn}
    嘿，拉杰什，我应该在哪里添加它？试试嘿@ghaziksibi，它很好用，谢谢。你修改了什么？没问题@Kvin