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

Question

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

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

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

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

<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

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

Answer 3

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

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

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

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

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

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