在javascript中编辑innerhtml后，如何更新页面

我有一个id为“headingram”的HTML段落，我使用JavaScript innerhtml将段落内容更新为“hello”，然后我的代码在控制台中打印新值

到目前为止，我可以看出该值正在更新，因为它显示在控制台中，但是实际的网页不会刷新以显示新值，请查找附加的HTML和JavaScript片段

<div class="note-heading-indicate">
<h2><i class="fa fa-comments-o"></i> Latest Notes</h2>
<p id="headingram">You have 10 new message.</p>

---

JavaScript

innerHTML

更改网页中的内容，但不重新加载网页

在您的情况下，网页中的内容应该在不刷新页面的情况下更新。你的代码似乎有效

---

请参见此处：

根据我的猜测，我认为您的代码在某种程度上没有正确调用函数。这样说吧

这是您的代码片段，它的工作方式就像您需要它一样

//在此处调用函数。。
头像变换器（）
函数头更改器（）{
让HeadingTitle=document.getElementById（'headingram'）.innerHTML=“hello”；
console.log（HeadingTitle）；
}

最新注释
您有10条新消息

是否有多个元素具有相同的ID？我认为页面刷新不是问题！

function HeadingChanger(){
    let HeadingTitle = document.getElementById('headingram').innerHTML ="hello";
    console.log(HeadingTitle);
}