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