HTML要素を非表示にすることはできますか？

Question

私はWKWebViewでハイチャートを実装しようとしています。私は、html全体からチャート要素を分離することに成功しました。問題は今、チャートは機能を失っている。それでも、ページ全体を読み込む方法はありますか？グラフ要素のみを表示する方法はありますか？

Here'sコード：サイトへ

import Cocoa 
import WebKit 

class ViewController: NSViewController { 

    var webView = WKWebView() 

    private var userContentController: WKUserContentController! 

    override func viewDidLoad() { 
     super.viewDidLoad() 

     let userContentController = WKUserContentController() 
     let configuration = WKWebViewConfiguration() 
     configuration.userContentController = userContentController 
     let webView = WKWebView(frame: view.bounds, configuration: configuration) 
     view.addSubview(webView) 
     self.webView = webView 

     userContentController.removeAllUserScripts() 

     // Is there a possibility to just hide all Elements except 'document.body.innerHTML'? 
     // So the highchart will keep it´s functionality 

     let script = 
      "var selectedElement = document.querySelector('.panel-body');" + 
     "document.body.innerHTML = selectedElement.innerHTML;" 


     let userScript = WKUserScript(source: script, 
             injectionTime: WKUserScriptInjectionTime.atDocumentEnd, 
             forMainFrameOnly: true) 

     userContentController.addUserScript(userScript) 

     let url = NSURL(string: "https://www.worldweatheronline.com/v2/weather-averages.aspx?locid=194044&root_id=192045&wc=local_weather&map=~/brussels-weather-averages/be.aspx")! 
     webView.load(NSURLRequest(url: url as URL) as URLRequest) 

    } 
} 

リンク：https://www.worldweatheronline.com/v2/weather-averages.aspx?locid=194044&root_id=192045&wc=local_weather&map=~/brussels-weather-averages/be.aspx

- 私の日のために今これをしようとは、いくつかの助けを得ることは非常に喜んでいるだろう。

Answer 1

チャートを含むDOMオブジェクトへの参照を格納する場合、ボディのinnerHtmlをクリアしてからチャートを追加できるはずです。これにより、すべてのイベントリスナーとチャート機能が維持されます。また

var chartDiv = document.querySelector('.panel-body'); 
document.body.innerHTML = ''; 
document.body.append(chartDiv); 

を、ページ上のすべてのトップレベル要素を隠し、その後、身体にグラフを追加することもできます：ここで

あなたが注入できるjavascriptのだ

var chartDiv = document.querySelectorAll('.panel-body')[1]; 
document.querySelectorAll('body > *').forEach(function(el) { 
    el.style.display = 'none'; 
}); 
document.body.append(chartDiv); 

Answer 2

あなたが許可されていますあなたのページでスクリプトを実行するには？その場合は、ページにjqueryとスクリプトセクションを挿入してから、hide()関数を直接使用できます。

<script src="jquery-3.2.1.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#element_id_to_be_hidden').hide(); 
    }); 
</script>