javascript - divのテキストを取得する

Question

私はjavascriptのみを使用してdivからテキストを取得しようとしています。

次のコードを使用してjQueryを開始しました。

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

次に、JavaScriptについて、次のことを試しました。

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

これは未定義を返します。JavaScriptのみを使用してこれを達成するにはどうすればよいですか？

Answer 1

getElementsByClassNameinnerHTMLHTML要素のライブ配列を返すため、このように直接アクセスすることはできません。結果をループするか、1つしかないことがわかっている場合は、[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

を 1 回使用すると、次Xr3のように使用できます

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