javascript - 使用 JavaScript 仅替换 DIV 中的文本内容

Question

我只想更改 h1 标签内的文本内容。这是我的代码:

<h1 id="pageTitle" class="ms-core-pageTitle">
  <span id="DeltaPlaceHolderPageTitleInTitleArea">
    
      <span>
<span>
<a title="some title" href="/link/page.aspx">Change only this text and keep the rest</a>
</span>
</span>
    
  </span>

</h1>

我试过这段代码:

document.getElementById("DeltaPlaceHolderPageTitleInTitleArea").innerHTML = "text changed";

但是还是不行，结果是这样的:

<h1 id="pageTitle" class="ms-core-pageTitle">
  <span id="DeltaPlaceHolderPageTitleInTitleArea">text changed</span>

</h1>

任何帮助将不胜感激

Answer 1

您必须使用querySelector() 方法，才能更改超链接的文本内容。

document.querySelector("#pageTitle a").innerHTML = "text changed";

<h1 id="pageTitle" class="ms-core-pageTitle">
  <span id="DeltaPlaceHolderPageTitleInTitleArea">
	
  <span>
<span>
<a title="some title" href="/link/page.aspx">Change only this text and keep the rest</a>
</span>
</span>
  </span>
</h1>