js中獲取class（js 獲取）

本文目錄一覽：

• 1、js獲取class對象的值
• 2、js 獲取class
• 3、js怎麼獲取元素的class名？
• 4、js 如何獲取class的元素
• 5、js怎麼獲取class？

js獲取class對象的值

代碼 請收下~~~~

body

span class=”okdog” lay-id=”user1″1隻狗/spanspan class=”okdog” lay-id=”user2″2隻狗/spanspan class=”okdog” lay-id=”user3″3隻狗/spanspan class=”okdog” lay-id=”user4″4隻狗/spanspan class=”okdog” lay-id=”user5″5隻狗/span

div id=”showdog”輸出結果/div

script

var res = document.getElementsByClassName(‘okdog’);

for(var i=0;ires.length;i++){

    res[i].addEventListener(‘click’,function(e){

       alert(e.srcElement.innerHTML)

    },false);

}

/script

/body

js 獲取class

function getClass(parent,className,tagName){

var parent = parent || document,

tagName = tagName || “*”;

if(parent.getElementsByClassName){

return parent.getElementsByClassName(className);

}else{

var aEls = getTag(parent,tagName),arr = [],re=new RegExp(‘(^|\\s)’+className+'($|\\s)’);

for (var i = 0; i aEls.length; i++) {

re.test(aEls[i].className) arr.push(aEls[i]);

};

return arr;

}

} //獲取class (因為獲取一組元素集合，如果單個使用一定要加[0]下標，不然會報錯)

js怎麼獲取元素的class名？

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，填充問題基礎代碼。

2、在index.html中的script標籤，輸入js代碼：$(‘body’).append($(‘button’).attr(‘class’));。

3、瀏覽器運行index.html頁面，此時按鈕的class名被js取到並打印了出來。

js 如何獲取class的元素

使用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”。

js怎麼獲取class？

div class=”title”獲取內容/div

script

  var target=document.getElementsByTagName(‘div’)[0];

  alert(target.attributes[‘class’].nodeValue)

/script

彈出的就是class的值