javascript - 获取 div 的文本

Question

我一直在尝试仅使用 javascript 从 div 中获取文本。

我使用以下代码从 jQuery 开始：

var divText = $("div.Xr3").html();

然后对于我的 JavaScript，我尝试了：

var divText = document.getElementsByClassName("Xr3").innerHtml;

返回未定义。如何仅使用 JavaScript 完成此操作？

Answer 1

getElementsByClassName返回一个 HTML 元素的实时数组，所以你不能innerHTML像这样直接访问。您将不得不循环其结果，或者如果您知道只有一个，[0]请在访问innerHTML.

var divTexts = [];
var divs = document.getElementsByClassName("Xr3");
var numDivs = divs.length;
while (var i = 0; i < numDivs; i++) {
  divTexts.push(divs[i].innerHtml);
}

或者，在单元素场景中，

var divText = document.getElementsByClassName("Xr3")[0].innerHtml;

Answer 2

如果Xr3使用一次，您可以使用

var divText = document.getElementsByClassName("Xr3")[0].innerHtml;