js如何在一页面加载出另一个页面的一个table内容

liguoquan

2024年12月16日 16:35 本文热度 283

：js如何在一页面加载出另一个页面的一个table内容

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

// 假设你想要加载的页面URL是'sourcePageUrl'，表格的ID是'tableId'

const sourcePageUrl = 'sourcePage.html';

const tableId = 'middleTable';

fetch(sourcePageUrl)

.then(response => response.text())

.then(html => {

// 解析HTML字符串，创建DOM元素

const parser = new DOMParser();

const doc = parser.parseFromString(html, 'text/html');

// 从解析后的文档中获取表格

const table = doc.getElementById(tableId);

// 检查表格是否存在

if (table) {

// 将表格添加到当前页面的某个元素中

//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 编辑过

关键字查询

正在查询...