Javascript 如何修改没有id和类的div的内容？

我想修改div的内容，将其替换为“hello people”。我已经看到，如果div的id为

getElementById

，则可以修改它，但在本例中，根本没有id。在div中只有纯文本。我想用纯javascript实现这一点。有什么办法吗？谢谢

<div>
    Welcome to the page
</div>
  

欢迎来到这个页面

如果它是页面的唯一div，则可以使用：

myDiv = document.querySelector("div")

然后，您可以使用以下命令更改文本：

myDiv.innerHTML = "hello people"

编辑：如果它不是唯一的div，那么如果它是页面中许多div的第一个或最后一个，则可以获取该div的引用，例如：

myDiv = document.querySelector("div :last-of-type")
myDiv = document.querySelector("div :first-of-type")

---

否则，还有许多其他方法可以做到这一点，例如，如果它是另一个元素的直接子元素，您可以获得它的引用。您可以查看（也是高级）选择器列表。

如果它是页面的唯一div，您可以使用：

myDiv = document.querySelector("div")

然后，您可以使用以下命令更改文本：

myDiv.innerHTML = "hello people"

编辑：如果它不是唯一的div，那么如果它是页面中许多div的第一个或最后一个，则可以获取该div的引用，例如：

myDiv = document.querySelector("div :last-of-type")
myDiv = document.querySelector("div :first-of-type")

否则，还有许多其他方法可以做到这一点，例如，如果它是另一个元素的直接子元素，您可以获得它的引用。您可以查看（也是高级）选择器的列表。

您可以使用来检索节点：

var divs=document.evaluate（“//div[contains（text（），'Welcome to the page'）]”，document，null，XPathResult.ANY_TYPE，null）；
var div=divs.iterateNext（）；
如有需要（分区）{
div.innerHTML=“大家好”；
}

欢迎来到这个页面

您可以使用来检索节点：

var divs=document.evaluate（“//div[contains（text（），'Welcome to the page'）]”，document，null，XPathResult.ANY_TYPE，null）；
var div=divs.iterateNext（）；
如有需要（分区）{
div.innerHTML=“大家好”；
}

欢迎来到这个页面

有几种方法可以找到DIV元素。其中之一就是使用xpath。试试这个：

//查找DIV
var xpath=“//div[contains（text（），'Welcome to the page'）”；
var divElement=document.evaluate（xpath，document，null，
XPathResult.FIRST\u ORDERED\u NODE\u TYPE，null）；
//替换文本
if（divElement）
{
divElement.innerText='hello people'
}

欢迎来到这个页面

有几种方法可以找到DIV元素。其中之一就是使用xpath。试试这个：

//查找DIV
var xpath=“//div[contains（text（），'Welcome to the page'）”；
var divElement=document.evaluate（xpath，document，null，
XPathResult.FIRST\u ORDERED\u NODE\u TYPE，null）；
//替换文本
if（divElement）
{
divElement.innerText='hello people'
}

欢迎来到这个页面

通过使用

Element.getElementsByTagName（）

阅读有关此链接的更多信息有不同的方法。如果父项具有ID，则可以执行

parentID>div

。但是如果没有上下文，也不知道周围发生了什么，就很难说出更多。使用

文档。querySelector

-前提是您可以编写一个CSS选择器来唯一标识此元素（提示：使用

：n子元素（n）

）。通过使用

元素。getElementsByTagName（）

阅读此链接的更多信息，有不同的方法。如果父项具有ID，则可以执行

parentID>div

。但是如果没有上下文，也不知道周围是什么，就很难说得更多。使用

文档。querySelector

-前提是您可以编写一个CSS选择器来唯一标识此元素（提示：使用

：n子元素（n）

），但是如果整个页面中有多个div呢？发生这种情况的可能性似乎很高me@JeremyThille我同意，但他可能是在这样快速地使用querySelector。很公平，你的答案在这种情况下是有效的。有一个upvoteBut如果在整个页面中有多个div怎么办？发生这种情况的可能性似乎很高me@JeremyThille我同意，但他可能是在这样快速地使用querySelector。很公平，你的答案在这种情况下是有效的。投票表决