如何從導入html的文檔中查詢選擇元素？

Question

讓說我有這個div裏面的html文件：

div.html

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

從的index.html，我將其導入現在

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

如果我鍵入控制檯或腳本

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

div是null，好像div剛剛消失。但是我相信有一種方法可以選擇元素，因爲一些webcomponents庫允許程序員逐個定義自己的自定義元素。

我嘗試了很多東西，但找不到解決方案。 感謝您的幫助。

更新：
這是任何HTML元素真（不只是div）。我只是爲這個問題選擇一個例子。