Question

我正在动态创建像

这样的链接

         var mydivs = document.getElementById("attach");
                            var bTag = document.createElement('a');                               
                            bTag.setAttribute('docid', "doc");
                            bTag.innerHTML = "doc";
                            mydivs.appendChild(bTag);

然后链接正在动态创建。然后点击按钮我想删除此链接。如何在按钮单击时删除此链接。我将在页面中有多个链接。任何帮助表示赞赏。

此致

Answer 1

点击按钮尝试使用类似的东西：

element = document.getElementById("element-id");
element.parentNode.removeChild(element);

如果你使用jquery而不是

，那就更容易解决了

Answer 2

因为你提到了jquery，试试这个：

$("a[docid='doc']").remove();

Answer 3

如果你打算使用jQuery，你可以这样做：

$(document).ready(function(){

  $('<a id="doc">doc</a>').appendTo('#attach');

  $('#my_remove_button').click(function(){
    $('#attach').find('a').remove();
  });

});

Answer 4

var aTags = document.getElementsByTagName('a')

for (var i = aTags.length-1 ; i >= 0 ; i--) { 
  if (aTags[i].hasAttribute('docid')) { 
    aTags[i].remove() 
  } 
}

如何使用jquery或javascript删除页面中的所有链接

4 个答案: