javascript - 如何在 Web View 中隐藏 xml 元素后删除空格

Question

我正在开发android应用程序，对css和javascript一无所知。我需要在我的 WebView 中显示一个网页，但隐藏了一些元素。我的以下代码运行成功

 @Override
    public void onLoadResource(WebView view, String url) {
        super.onLoadResource(view, url);

      try {
          view.loadUrl("javascript:(function() { " +
                  "document.getElementById('header').style.visibility='collapse';})()");
        /*  view.loadUrl("javascript:(function() { " +
                  "document.getElementById('header').style.visibility='hidden';})()");*/
      }catch (Exception e) {
          e.printStackTrace();
      }
   }

“header”是标题的id，它正在被隐藏，但是它原来在顶部占据的空间仍然存在。那么如何隐藏该空间。

谢谢:)

Answer 1

使用display:none完全隐藏元素并设置display:block再次显示它。

或者在你的情况下.style.display='none';

如果设置display:none，它会隐藏整个元素，而visibility:hidden则意味着元素的内容将不可见，但元素保持原来的位置和大小。