Удалить div с именем класса

Question

У меня есть URL-ссылка, которую я показываю в WebView.Теперь, когда эта страница загружается, мне нужно удалить определенные элементы / блоки с этой веб-страницы, чтобы присутствовала только определенная часть.

Для этого я использую javascript внутри метода onPageFinished.вот как я это делаю:

mWebView.loadUrl("javascript:document.getElementById('main_nav').style.display=\"none\";");

это прекрасно работает, но для некоторых div'ов id отсутствует вместо того, что у нас есть просто класс, например .-

<div class="left_rail">

ТеперьЯ должен удалить этот div, но я не знаю, как это сделать.

Я пробовал это -

mWebView.loadUrl("javascript:document.getElementById('main').getElementsByClassName('left_rail').style.display=\"none\";");

Но это не сработало.

Answer 1

getElementsByClassName возвращает список элементов. Первый из которых можно получить таким образом:

getElementsByClassName('left_rail')[0]

Используйте петлю, чтобы избавиться от всех из них.

Answer 2

, если браузер поддерживает «document.getElementsByClassName»:

document.getElementsByClassName("className")[0].style.display = "none";

или поддерживает «document.querySelector»:

document.querySelector(".className").style.display = "none";

или вы используете jquery:

$(".className").hide();

Answer 3

Если вы используете jquery, вы можете просто сделать это $ (". Classname"). Hide ();