javascript - 使用javascript通过类名更改html元素的值

Question

这是我的 HTML 代码：

<li class="list-promotions">
   <ul class="list-promotions-item">
      <li>
          <a href="http://example.com/link">offers</a>
      </li>
   </ul>
</li>

我尝试使用这个javascript代码：（这个线程）

document.addEventListener("DOMContentLoaded", function(event) {
  document.getElementsByClassName("classname")[0].innerHTML = "qwerty";
});

它可以工作，但它将我的 HTML 更改为：

<li class="list-promotions">
<ul class="list-promotions-item">qwerty</ul>
</li>

所以我丢失了<a>标签和href.

我该如何解决这个问题？我只想将其更改offers为另一个文本并保留<a>标签

注意：我无权访问 HTML 代码来设置<a>标签的类名并使用上面的 javascript 代码。

标签： javascripthtml

Answer 1

document.querySelector(".list-promotions-item > li > a").textContent = "qwerty";