javascript 如何将一个HTML中的`div`附加到另一个HTML的body中？

lnxxn5zx 于 2023-04-19 发布在 Java

关注(0)|答案(1)|浏览(204)

我有以下part.html文件，其中包含div和script：

<div id="GBVX1WkdGsQT1b36AbVC" class="plotly-graph-div" style="height:100%; width:100%;"></div>
<script type="text/javascript">
    Plotly.newPlot("GBVX1WkdGsQT1b36AbVC", {
  "data": [],
  "layout": {},
  "config": {}
});
</script>

我有一个main.html，这是我在网页上渲染的文件：

<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html>

如何使用Javascript将part.html的内容追加到main.html？

JavaScript

来源：https://stackoverflow.com/questions/76031143/how-can-i-append-a-div-in-a-html-to-another-htmls-body

1条答案

按热度按时间

3htmauhk1#

您可以使用fetch()获取part.html的文本，然后将document.body.innerHTML设置为该文本。如下所示：
中文（简体）

<!doctype html>
<html>
<head>
    <script>
        fetch('part.html') // this can be the URL of any HTML file
            .then(res => res.text())
            .then(text => document.body.innerHTML = text);
    </script>
</head>
<body>
</body>
</html>

联系我们

<!-- Just for demo purposes, can be anything -->
<h1>Test</h1>

这也可以很容易地适应使用多个部分，通过多次调用fetch()，每次只执行document.body.innerHTML += text。

赞(0）回复(0）举报 2023-04-19

我来回答

javascript 如何将一个HTML中的`div`附加到另一个HTML的body中？

1条答案

相关问题

热门标签

最新问答