删除带有类名的div

Question

我有一个我在WebView中显示的URL链接。 现在，当这个页面加载时，我需要从这个网页中删除某些元素/块，以便只存在某个部分。

我在onPageFinished方法中使用javascript。这是我的方式：

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（）;