クラス名でdivを削除します

Question

私はWebViewに表示しているURLリンクを持っています。 このページが読み込まれると、特定の部分のみが存在するように、このWebページから特定の要素/ブロックを削除する必要があります。

私はこのためにonPageFinishedメソッドの中でjavascriptを使用しています。ここで私はそれをやっている方法です：

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

これは正常に動作しますが、いくつかのdivのために、idはそのの代わりに存在していない私たちは今、私はちょうどクラス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"）を使用できます。

Answer 3

ブラウザは "document.getElementsByClassName" サポートされている場合：

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

または "document.querySelector" サポートされています。

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

か、jqueryの使用している：

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