JavaScript 删除 child

Question

html代码

<li id="ioAddOtherRelation">
            <a href="" onclick="return ioAddSetOtherRelation()"class="smallLink">add other relation</a>
</li>

我希望函数 ioAddSetOtherRelation 删除 a 标签

javascript代码

function ioAddSetOtherRelation(){
    var bigLi = document.getElementById('ioAddOtherRelation');
    bigLi.removeChild(bigLi.childNodes[0]);
    return false;
}

当我第一次按该链接时，没有任何反应，但是当我按两次时，它会删除 a 标签，我想一次单击删除 a 标签

Answer 1

第一次单击时，您删除了包含元素前面空格的文本节点。您需要确保传递给 removeChild 的参数是您真正想要的参数。

这将是解决问题的更明智的方法:

<li id="ioAddOtherRelation">
    <a href="" onclick="return ioAddSetOtherRelation(this)" class="smallLink">add other relation</a>
</li>

function ioAddSetOtherRelation(element){
   var bigLi = element.parentNode;
    bigLi.removeChild(element);
    return false;
}

摆脱内在事件属性并写入 unobtrusive JavaScript会更好。