我应该找到一种以编程方式将ID插入html的方法

Question

最近遇到一个问题，我想操纵一个span标签的文本。我对dom不太了解，但是由于要操作的元素没有ID，而只是一个span标签，因此我决定检查网页的元素，并添加ID和ID。

例如

<span>some random text</span>

<span id="newID">some random text with an id</span>

现在，我可以使用dom进行操作

document.getElementById("newID").textContent="newtext";

是否有一种方法可以不检查元素就给元素提供ID，或者有更好的方法来做到这一点，例如通过标记名获取元素，并以某种方式找出数组中的哪个数字。

[我的另一个问题是，是否有人拥有用于查找元素名称，id，值等的网络抓取工具。这是一个示例，但仅在Internet Explorer中受支持，它不支持许多网站。 iwb2learnertool

Answer 1

这里有一些示例，您可以找到特定的元素，希望对您有所帮助

// If the content is certain
// Find the span that the content is "Test 1"
[...document.querySelectorAll('span')].find(e => e.innerText === 'Test 1').innerText = 'Changed 1';

// If the order is certain
// Find the second span in element with class "container"
document.querySelector('.container span:nth-of-type(2)').innerText = 'Changed 2';

// If the previous element is certain
// Find the span next to an element with an id "some-id"
document.querySelector('#some-id + span').innerText = 'Changed 3';

<div class="container">
  <span>Test 1</span>
  <br>
  <span>Test 2</span>
  <br id="some-id" >
  <span>Test 3</span>
</div>