Question

    function reloadItems()
    {
        var docBody = document.body;
        docBody.removeChild(document.getElementsByClassName("itemsLayout"));
    }

我正在使用此代码删除我的DOM中的元素，但是一旦我触发代码没有发生任何事情，我使用XAMPP本地服务器并且不知道此错误的原因

“此元素是DOM正文中的直接子元素”

Answer 1

removeChild()需要子（单数），并且一次只能在单个节点上工作;在这种情况下，你需要使用一个循环：

function reloadItems() {
    var docBody = document.body,
        items = document.getElementsByClassName('itemsLayout');
    while (items.length) {
        items[0].parentNode.removeChild(items[0]);
    }
}

顺便说一下，感谢Internet Explorer 8，getElementsByClassName()的支持率低于querySelectorAll()，因此我建议切换到：

function reloadItems() {
    var docBody = document.body,
        items = document.querySelectorAll('.itemsLayout');
    while (items.length) {
        items[0].parentNode.removeChild(items[0]);
    }
}

参考文献：

如何按类删除元素（本机方法）

1 个答案: