HTMLインポートの要素をインポートするドキュメントからクエリーを選択する方法は？

Question

みましょう私は内部のこのdivでHTMLドキュメントを持っていると言う：のindex.htmlから

div.html

<div class="thediv"> 
    <h1>test</h1> 
    <p class="insert"></p> 
    </div> 

、私は場合は今

<link rel="import" href="/path/to/div.html"> 

それをインポートし、私はコンソールまたはスクリプトで入力してください。

const div = document.querySelector('.thediv'); 

divはnullです。divが消えたかのように。しかし、私はいくつかのwebcomponentsライブラリがプログラマが独自のカスタム要素をファイルごとに定義できるので、要素を選択する方法があると確信しています。

私は多くのことを試みましたが、解決策を見つけることができません。 助けてくれてありがとう。

更新：
これは、任意のHTML要素（だけでなく、div）についても同様です。私はその質問の例を選んだだけです。