javascript删除动态添加和删除元素

Question

我试图让用户动态添加语言，并为每种语言添加删除按钮。我不知道如何使删除按钮起作用 基本上，如果按下旁边的 X 字形图标，我希望删除输入文本字段 谢谢

        function setLanguage(){
              var l_name = document.getElementById("selected_language").value;
             var l_level = document.getElementById("lang_level").value;
       document.getElementById("sel_languages").innerHTML += "<div><input type = 'text'  readonly='readonly' name = 'language_selected1[]' value ='"  +  l_name  + " " + l_level  + "'/> <span id='language_clear' onclick='myFunction()'  class='glyphicon glyphicon-remove-circle'></span></div>" ;

     }




  function   myFunction(){
            $(this).parent().remove();

    }

Answer 1

不使用 html 元素的 onclick 属性，您可以添加 document.getElementById("language_clear").addEventListener("click", myFunction); 到以下行。我发布了一个简单的工作示例 here .

w3schools 有一篇关于事件监听器的好文章 here .如果您更喜欢 jQuery 版本，您可能需要查看文档 here ;他们有一些很好的例子。