gpt4 book ai didi

javascript - HTMLElement 未添加到 DOM。为什么?

转载 作者:行者123 更新时间:2023-12-01 02:56:00 26 4
gpt4 key购买 nike

我有单独的模板文件(html)。我需要多次将此生成的 HTML 对象加载到主页,因此我执行下一步操作:

const path = "/templates/news.tpl.html";
const template = await Dbc.Dom.loadTemplate({
id : "news-block",
path: path
});

document.body.appendChild(template);
document.body.appendChild(template);

首先,该函数从文件中获取内容并将其添加到当前 DOM 中。作为返回值,它返回添加的 HTMLElement 对象。

之后我尝试再次添加此对象,然后我使用标准方法,通过 document.body.appendChild() 函数,但我只能看到其中的单个模板对象当前 DOM。

最佳答案

附加子项只是替换您的对象,如果您尝试几次,您的对象将出现在最后一个位置。你应该使用cloneNode

类似这样的:

    document.body.appendChild(template);
document.body.appendChild(template.cloneNode(true));

关于javascript - HTMLElement 未添加到 DOM。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46712943/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com