title: How to remove class from webview
body: <p>I am trying to remove this div:</p>
  
  <pre><code>&lt;div data-role="navbar" data-iconpos="bottom" class="ui-navbar" role="navigation"&gt;
      &lt;ul class="ui-grid-b"&gt;
          &lt;li class="ui-block-a"&gt;
              &lt;a href="http://www.siverekhaber.net/mobil/galeriler.html" data-icon="camera"
                 class="ui-link ui-btn ui-icon-camera ui-btn-icon-bottom"&gt;Galeri&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="ui-block-b"&gt;
              &lt;a href="http://www.siverekhaber.net/mobil/videolar.html" data-icon="video"
                 class="ui-link ui-btn ui-icon-video ui-btn-icon-bottom"&gt;Video&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="ui-block-c"&gt;
              &lt;a href="http://www.siverekhaber.net/mobil/yazarlar.html" data-icon="edit"
                 class="ui-link ui-btn ui-icon-edit ui-btn-icon-bottom"&gt;Yazarlar&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried overriding the <code>onPageFinished</code> method:</p>
  
  <pre><code>@Override
      public void onPageFinished(WebView view, String url) {
          view.setVisibility(View.VISIBLE);
          final Animation fade = new AlphaAnimation(0.0f, 1.0f);
          fade.setDuration(200);
          view.startAnimation(fade);
          view.setVisibility(View.VISIBLE);
          mRefreshPbar.setVisibility(View.INVISIBLE);
          mRefreshBtn.setVisibility(View.VISIBLE);
          updateActionView();
          mWebview.loadUrl("javascript:(function() { " +
              "if (typeof(document.getElementsByClassName('ui-footer')[0]) != 'undefined' &amp;&amp; document.getElementsByClassName('ui-footer')[0] != null){"+
              "document.getElementsByClassName('ui-footer')[0].style.display = 'none';"+
              "})()");
      }
  </code></pre>
  
  <p>but it's not working. What is the problem?</p>