不能用jq<div class='aa'>1</div><div class='aa'>2</div>如何根據(jù)class 點擊就alert元素內(nèi)數(shù)據(jù) 用js
2 回答
皈依舞
TA貢獻1851條經(jīng)驗 獲得超3個贊
使用document.getElementsByClassName（’class‘）獲取標(biāo)簽，使用innerText獲取元素內(nèi)的數(shù)據(jù)內(nèi)容。
1、設(shè)計一個HTML簡單頁面，代碼如下:
2、設(shè)計綁定的函數(shù)alertText()，代碼如下：
3、此時的頁面展示如下：
4、演示，點擊其中的div，執(zhí)行如下：
（1）點擊第一個：
（2）點擊第二個：
擴展資料：
HTML DOM getElementsByClassName() 方法解析：
1、定義和使用。
getElementsByClassName() 方法返回文檔中所有指定類名的元素集合，作為 NodeList 對象。NodeList 對象代表一個有順序的節(jié)點列表。NodeList 對象 我們可通過節(jié)點列表中的節(jié)點索引號來訪問列表中的節(jié)點(索引號由0開始)。
提示： 使用 NodeList 對象的 length 屬性來確定指定類名的元素個數(shù)，并循環(huán)各個元素來獲取需要的那個元素。
2、語法。
document.getElementsByClassName(classname)。
3、參數(shù)。
String 類型的classname（需要獲取的元素類名），多個類名使用空格分隔，如 "test demo"。
飲歌長嘯
TA貢獻1951條經(jīng)驗 獲得超3個贊
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.}
添加回答
舉報
0/150
提交
取消