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

我最近遇到一个问题，我想操纵span标记的文本。我对dom了解不多，但由于要操作它的元素没有ID，而且只有一个span标记，所以我决定检查网页中的元素，以及外接程序和ID

比如说

<span>some random text</span>

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

有没有一种方法可以在不检查元素的情况下给元素一个ID，或者有没有更好的方法，例如通过标记名获取元素，并找出它在数组中的数字

---

我的另一个问题是，是否有人拥有用于查找元素名称、id、值等的webscraping工具。这是一个例子，但仅在internet explore中受支持，它不支持许多网站

以下是一些示例，说明如何找到特定元素，希望能有所帮助

//如果内容是确定的
//查找内容为“测试1”的范围
[…document.queryselectoral（'span'）].find（e=>e.innerText==='test1'）。innerText='Changed 1'；
//如果订单确定
//在类为“container”的元素中查找第二个跨度
document.querySelector（'.container span:n类型（2）'）。innerText='Changed 2'；
//如果前面的元素是确定的
//查找id为“some id”的元素旁边的范围
document.querySelector（“#some id+span”）.innerText='Changed 3'

测试1


测试2


测试3
以下是一些示例，说明如何找到特定元素，希望能有所帮助


//如果内容是确定的
//查找内容为“测试1”的范围
[…document.queryselectoral（'span'）].find（e=>e.innerText==='test1'）。innerText='Changed 1'；
//如果订单确定
//在类为“container”的元素中查找第二个跨度
document.querySelector（'.container span:n类型（2）'）。innerText='Changed 2'；
//如果前面的元素是确定的
//查找id为“some id”的元素旁边的范围
document.querySelector（“#some id+span”）.innerText='Changed 3'

测试1


测试2


测试3

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