Javascript 如何更改嵌套标记中第一个标记的文本？

我正在尝试更改以下h5标签中的文本：

<h5 id="status"><img id="status-icon" src="some image">Change Text</h5>

以上内容取代了img标签

---

如何仅更改h5的文本？

您可以设置

标题的
.firstElementChild.nextSibling的
.textContent


var heading=document.getElementById（“状态”）；
heading.firstElementChild.nextSibling.textContent=“已解决”
更改文本
您可以设置
标题的
.firstElementChild.nextSibling的
.textContent


var heading=document.getElementById（“状态”）；
heading.firstElementChild.nextSibling.textContent=“已解决”
Change Text
使用
childNodes
属性获取第二个节点，它实际上就是文本。因此图像保持不变


var elm=document.getElementById（“状态”）；
elm.childNodes[1].nodeValue=“已解决”
Change Text
使用
childNodes
属性获取第二个节点，它实际上就是文本。因此图像保持不变


var elm=document.getElementById（“状态”）；
elm.childNodes[1].nodeValue=“已解决”
更改文本
这里有一个解决方案：


var heading=document.getElementById（“状态”）；
heading.childNodes[1].nodeValue=“已解析”
更改文本
这里有一个解决方案：


var heading=document.getElementById（“状态”）；
heading.childNodes[1].nodeValue=“已解析”
更改文本
您可以使用以下JavaScript代码实现相同的功能：

document.getElementById("status").lastChild.textContent = "Resolved";

演示：


document.getElementById（“状态”）.lastChild.textContent=“已解决”
更改文本
您可以使用以下JavaScript代码实现相同的功能：

document.getElementById("status").lastChild.textContent = "Resolved";

演示：


document.getElementById（“状态”）.lastChild.textContent=“已解决”
Change Text
如果你不想在那里替换图像，
heading.textContent=“Resolved”
@Shinratensei实际代码中的图像每次都会是一些现有的和不同的图像，所以我不知道如何才能做到你提到的。嗯，这些图像遵循一定的顺序或逻辑吗？更像，如果状态已解决，则显示绿色标志，如果未解决，则显示红色标志。我想在修改标题之前，您必须检查其他内容。你打算怎么做？如果你不想在那里替换图像，
heading.textContent=“Resolved”
@Shinratensei实际代码中的图像每次都会是一些现有的和不同的图像，所以我不知道如何才能做到你提到的。嗯，这些图像是否遵循某种顺序或逻辑？更像，如果状态已解决，则显示绿色标志，如果未解决，则显示红色标志。我想在修改标题之前，您必须检查其他内容。你打算怎么做？哪个元素是heading.firstElementChild.nextSibling？@GiannisIordanou
heading
元素
的
.nextSibling
。firstElementChild
元素是
\text
节点，不是HTMLelement@guest271314我认为使用
childNodes
更简单哪个元素是heading.firstElementChild.nextSibling？@GiannisIordanou
heading
元素
的
.nextSibling
元素是
\text
节点，不是HTMLelement@guest271314我认为使用
childNodes
更简单。现在的答案与这个答案有什么不同？
标签上的“\”字符的用途是什么？发布已经发布的解决方案有什么意义？@Niladri还没有看到类似于我的答案。顺便说一句，@guest271314已经清楚地说明了“/”是结束标记的正确方法。通过这种方式，XHTML也会收到投诉。“关于“/”这是结束标记的正确方式。通过这种方式，XHTML也会收到投诉。”
标记是自动关闭的。“/”字符不会出现在
标记结尾处的答案中。当前答案与此答案有何不同？
标签上的“\”字符的用途是什么？发布已经发布的解决方案有什么意义？@Niladri还没有看到类似于我的答案。顺便说一句，@guest271314已经清楚地说明了“/”是结束标记的正确方法。通过这种方式，XHTML也会收到投诉。“关于“/”这是结束标记的正确方式。通过这种方式，XHTML也会收到投诉。”
标记是自动关闭的。“/”字符不会出现在
标记结尾处的应答处。实际上，这是实现此目的的最佳方法。实际上，这是实现此目的的最佳方法。