Как удалить элемент по классам (собственный метод)

Question

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

Я использую этот код для удаления элемента в моей DOM, но как только я запускаю код, ничего не происходит, я использую XAMPP Local Server и не делаю знать причину этой ошибки

«Этот элемент является прямым потомком в теле DOM»

Answer 1

removeChild() ожидает ребенка (в единственном числе), и будет работать только на отдельных узлах в то время; В таком случае вам нужно использовать цикл:

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

Кстати, getElementsByClassName(), благодаря Internet Explorer 8 меньше, чем поддерживается querySelectorAll(), поэтому я хотел бы предложить переход на:

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

Литература:

• document.getElementsByClassName().
• document.querySelectorAll().
• Node.removeChild().