js接收class的值,js class 方法

本文目錄一覽：

• 1、js獲取class對象的值
• 2、js 如何獲取class的元素
• 3、js中如何獲取class值
• 4、js如何獲取DIV的 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的元素

使用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值

假如你的ul只有一個或者你要獲取class的ul是第一個

var oUl=document.getElementsByTagName(“ul”)[0];

alert(oUl.className);

這個應該是所有瀏覽器都支持

js如何獲取DIV的 class值？

js如何獲取DIV的 class值：

!DOCTYPE html

html

head

meta charset=”UTF-8″

title原生Js通過class屬性值獲取對象/title

script type=”text/javascript”

window.onload = function(){

console.log(getElementByClassName(“tag”).length);

console.log(getElementByClassName(“tag”));

}

function getElementByClassName(classnames){

var objArray= new Array();//定義返回對象數組

var tags=document.getElementsByTagName(“*”);//獲取頁面所有元素

var index = 0;

for(var i in tags){

if(tags[i].nodeType==1){

if(tags[i].getAttribute(“class”) == classnames){ //如果某元素的class值為所需要

objArray[index]=tags[i];

index++;

}

}

}

return objArray;

}

/script

/head

body

div class=”tag nav” /div

div class=”tag” /div

/body

/html

擴展資料

div 可定義文檔中的分區或節（division/section）。

div 標籤可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。

如果用 id 或 class 來標記 div，那麼該標籤的作用會變得更加有效。

注釋：div 是一個塊級元素，也就是說，瀏覽器通常會在 div 元素前後放置一個換行符。

提示：請使用 div 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。

參考資料：百度百科DIV