使用JS和Ajax，我在index.HTML页面上加载了一个模板文件。加载模板后，我想将更改应用于DOM.

• 模板已成功加载到index.HTML页面上。
• JS无法更新DOM元素。

什么？

我有2个HTML页面。

1. index.html
2. page-banner-area.html

index.html

<div id="page-banner-area"></div> 

<script>
$(function(){
  $("#page-banner-area").load("assets/static_html/page-banner-area.html");
    $("#title").text('Join a Community Group in your area.');
    $("#keypoint-1").text('We are against mandatory vaccines &amp; passports.');
    $("#keypoint-2").text('We do not stand for corruption &amp; censorship.');
    $("#keypoint-3").text('We believe in freedom!');
});
</script>

page-banner-area.html

<代码><；DIV类="；P-2 Flex-Grow-1<；H3>；<；span ID="；标题"；>；<；/span>；<；/H3>；<；span ID="；关键点-1"；>；<；/span>；<；br/>；<；span ID="；关键点-2"；>；<；/span>；<；br/>；<；span ID="；关键点-3"；>；<；/span>；<；/DIV>；

顺晟科技：

问题是<div class="p-2 flex-grow-1"> <h3><span id="title"></span></h3> <span id="keypoint-1"></span><br /> <span id="keypoint-2"></span><br /> <span id="keypoint-3"></span> </div> 方法是异步的，您需要在回调方法中进行更改，以便正确地应用它们。有关https：//api.jquery.com/load/

load()

<代码><；DIV ID=“ page-banner-area ”>；<；/DIV>；<；脚本>；$（（）=>；{$（“#page-banner-area ”）.load（“ assets/静态_HTML/page-banner-area.HTML ”，（）=>；{$（“#title ”）.text（'加入您所在地区的社区群组。'）；$（“#keypoint-1 ”）.text（'我们反对强制接种疫苗&；amp；“护照”）；$（“#keypoint-2 ”）.text（'我们不支持腐败&；amp；“审查”）；$（“#keypoint-3 ”）.text（'我们相信自由！'）；});});<；/脚本>；