js如何在一頁(yè)面加載出另一個(gè)頁(yè)面的一個(gè)table內(nèi)容
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
:js如何在一頁(yè)面加載出另一個(gè)頁(yè)面的一個(gè)table內(nèi)容 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="get_table_value"></div> </body> <script> // 假設(shè)你想要加載的頁(yè)面URL是'sourcePageUrl',表格的ID是'tableId' const sourcePageUrl = 'sourcePage.html'; const tableId = 'middleTable'; fetch(sourcePageUrl) .then(response => response.text()) .then(html => { // 解析HTML字符串,創(chuàng)建DOM元素 const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html');
// 從解析后的文檔中獲取表格 const table = doc.getElementById(tableId);
// 檢查表格是否存在 if (table) { // 將表格添加到當(dāng)前頁(yè)面的某個(gè)元素中 //document.body.appendChild(table.cloneNode(true) document.getElementById("get_table_value").appendChild(table.cloneNode(true) ); } else { console.error('Table not found'); } }) .catch(error => { console.error('Error fetching the page:', error); });
</script> </html> ?該文章在 2024/12/16 16:35:11 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |