使用document.getElementsByClassName（’class‘）獲取標簽，使用innerText獲取元素內的數據內容。

1、設計一個HTML簡單頁面，代碼如下:

2、設計綁定的函數alertText()，代碼如下：

3、此時的頁面展示如下：

4、演示，點擊其中的div，執行如下：

（1）點擊第一個：

（2）點擊第二個：

擴展資料：

HTML DOM getElementsByClassName() 方法解析：

1、定義和使用。

getElementsByClassName() 方法返回文檔中所有指定類名的元素集合，作為 NodeList 對象。NodeList 對象代表一個有順序的節點列表。NodeList 對象 我們可通過節點列表中的節點索引號來訪問列表中的節點(索引號由0開始)。

提示： 使用 NodeList 對象的 length 屬性來確定指定類名的元素個數，并循環各個元素來獲取需要的那個元素。

2、語法。

document.getElementsByClassName(classname)。

3、參數。

String 類型的classname（需要獲取的元素類名），多個類名使用空格分隔，如 "test demo"。

1.function getElementsByClassName(n) {
2. var classElements = [],allElements = document.getElementsByTagName('*');
3. for (var i=0; i< allElements.length; i++ )
4. {
5. if (allElements[i].className == n ) {
6. classElements[classElements.length] = allElements[i];
7. }
8. }
9. return classElements;
10.}
使用方法如下：

1.var redClassElements = getElementsByClassName('red');
2.for (var i=0; i<redClassElements.length; i++) {
3. document.alert("*******************");
4.}