标签中没有ID名称或特定类时，如何使用JavaScript将文本添加到HTML？

Question

我想使用javascript在锚标记中向HTML页面添加一些文本，但是该锚标记中没有id，name或class。 有什么办法可以做到这一点。 示例代码如下。

 <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（例如world）添加一些内容。

Answer 1

使用属性选择器：

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

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

Answer 2

使用选择器跟踪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 3

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