Как добавить текст в HTML, используя JavaScript, если имя тега отсутствует или в теге присутствует определенный класс?

Question

Я хочу добавить некоторый текст на мою HTML-страницу в теге привязки, используя javascript, но внутри этого тега привязки нет идентификатора, имени или класса.Есть какой-либо способ сделать это.Пример кода приведен ниже.

<div>
  <table>
    <tbody>
      <tr>
        <th>
          <span ng-if="smData.standard==smData.stdnr" class="ng-scope"> 
          <a ng-click="m1(a,b)" class="ng-binding" href="/">
              Hello.
          </a> 
        </span>
        </th>
      </tr>
    </tbody>
  </table>
</div>

Теперь я хочу добавить что-нибудь в Hello (скажем, мир).

Answer 1

Использование селекторов для отслеживания элементов HTML.

Выполнить фрагмент кода.

function reset() {
  document.querySelector("div Table tr span a").innerText += " World!"
  // $("div Table tr span a").text("Hello World");
}

<!--script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script-->
<button onclick="reset()">Change Text</button>
<div>
  <table>
    <tbody>
      <tr>
        <th>
          <span ng-if="smData.standard==smData.stdnr" class="ng-scope"> 
      <a ng-click="m1(a,b)" class="ng-binding" href="/">
          Hello.
      </a> 
    </span>
        </th>
      </tr>
    </tbody>
  </table>
</div>

Answer 2

document.querySelector('a').innerHTML = "(say World)";

Answer 3

Использовать селектор атрибута:

document.querySelector("a[ng-click='m1(a, b)']").innerText += " world.";

<a ng-click="m1(a, b)" class="ng-binding" href="/">Hello</a>