如何访问 HTML 标签的特定部分？答案

【问题标题】：How do I access a particular part of an HTML tag?如何访问 HTML 标签的特定部分？
【发布时间】：2019-05-18 17:40:28
【问题描述】：

我在谷歌浏览器上使用控制台来编辑网页。我可以只使用检查元素并更改我想要更改的内容，但在发现我可以在控制台上执行此操作后......我想这样做。

这是网站现在的代码：

名称：洛基山

我正在尝试替换 Mountain, Rocky 所以它说“Mountain, Appalachia”

到目前为止，我已经尝试过：document.getElementByTagName("li")[12].replaceWith("Name:Mountain, Rocky ");

还有许多其他组合（用 &quot 替换 replaceWith 中的引号，只写“名称：Mountain, Appalachia&nbsp”，没有任何效果

大多数情况下，我想要进行的更改显示在“名称：”部分中，而洛基山则消失了。

如何维护代码中的 Name: 和 Mountain 部分？

【问题讨论】：

【解决方案1】：

我假设 document.getElementByTagName("li")[12] 是您的 <li> 元素。要更改元素的内部文本，您可以使用：

innerText - document.getElementByTagName("li")[12].innerText = 'Mountain, Appalachia'
innerHTML - document.getElementByTagName("li")[12].innerHTML = 'Mountain, Appalachia'

类似的问题被回答了很多次。例如here

【讨论】：