我正在嘗試構建一個小專案，在其中創建一個新的 HTML 檔案（這將是電子商務產品的單個頁面），另一個檔案從該創建的檔案中獲取資訊。但是，我不知道如何從外部檔案中提取資訊，而不必使用<iframe>.
如果我使用或任何其他類似功能，我可以從具有和document.querySelector()的元素中獲得參考。但是，此函式將從我正在處理的 JS 代碼中的 HTML 檔案中獲取元素。idclass
為了舉例說明我的問題，讓我們支持我<div id="p1"></div>在products.html檔案中使用#p1我必須這樣做的元素：let p1 = document.querySelector("#p1").
但是，如果我有一個index.html檔案并且我想使用如何做到這一點的<div id="p1"></div>元素呢？products.html
uj5u.com熱心網友回復：
您可以將 html 檔案作為文本獲取，對其進行決議，然后運行 ??querySelector
fetch("products.html").then(r=>r.text()).then((html)=>{ // get the content of products.html
let element = document.createElement("html");
element.innerHTML = html; // parse the html
let p1 = element.querySelector("#p1");
});
請記住，兩個檔案必須位于同一來源（請參閱：CORS），因此您不能使用它來抓取第三方網站
uj5u.com熱心網友回復：
使用一個js檔案并在兩者中呼叫products.html它index.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/488900.html
標籤：javascript html
上一篇：嘗試在json檔案路徑中使用變數-javascript
下一篇：如何拒絕用戶輸入的多余字符？