Logo: Uran web studio
Сделать сайт в Украине

Удалить елементы на странице по имени класса

Удалить все html элементы на всей странице по имени css класса:

function remove_elements_by_class_name ( className ) {
    var elements = document.getElementsByClassName ( className );
    while ( elements.length > 0 ) {
        elements[0].parentNode.removeChild ( elements[0] );
    }
}

 

Немного изменим задачу, ближе к реалиям.

Удалим все html элементы с указанным css классом, но В ПРЕДЕЛАХ родительского элемента:

function remove_elements_by_class_name ( parentElementId, className ) {
    var parentElement = document.getElementById ( parentElementId );
    if ( parentElement ) {
        var elements = parentElement.getElementsByClassName ( className );
        while ( elements.length ) {
            elements[0].parentNode.removeChild ( elements[0] );
        }
    }
}

Это просто :)

Функция работает без помощь библиотеки jQuery.

Параметр, передаваемый функции, это имя CSS класса.

Все найденные на HTML странице теги соответствующие запросу удаляем с помощью javascript функции removeChild


Теги: html javascript js css
2018-09-05

И еще полезные примеры JavaScript

Удалить елементы на странице по имени класса

Почему рассылки попадают в спам

вверх