js通過class選擇器獲取數組的簡單介紹

本文目錄一覽：

• 1、js獲取了一個dom對象怎麼操作
• 2、jquery 是如何通過 class 來獲取元素的？
• 3、js怎麼通過class獲取元素
• 4、js 如何根據class獲取對象
• 5、源生JS通過class類名選擇元素的問題。
• 6、js怎麼根據class獲取元素

js獲取了一個dom對象怎麼操作

js中有四種獲取dom的方法：

根據ID獲取對象：document.getElementById(ID);

根據class獲取對象數組：document.getElementsByClassName(“box”);

根據tag獲取對象數組：document.getElementsByTagName(“p”);

根據name獲取對象數組：document.getElementsByName(NAME);

用jquery選擇器就多得去了，一般都用jquery，js一大串代碼用jquery幾個符號搞定。

根據ID獲取對象：$(‘#ID’);

根據class獲取對象數組：$(“.box”);

根據tag獲取對象數組：$(“p”);;

根據name獲取對象數組：$(‘input[name=”nw”]’);

jquery 是如何通過 class 來獲取元素的？

jquery通過任何選擇器取得的對象都是jquery對象而不是JavaScript的dom對象不能用js的方法進行操作 而需要使用jquery對象支持的方法 如果是通過class的話取得的是jquery對象數組

ps 如果想把jquery對象裝換為js對象可以用以下方法

1 var obj = $(‘#xx’)[0] 獲得dom對象

2 對於數組

var obj = $(‘.xx’).each(function(){

alert(this)//這裡 this獲得的就是每一個dom對象 如果需要jquery對象 需要寫成$(this)

});

js怎麼通過class獲取元素

根據你的需求，舉例如下：

document.querySelector：獲取首個（單個）符合條件元素

document.querySelector(‘.name’); //獲取頁面上首個class屬性中包含name的元素。

document.querySelectorAll：獲取全部符合條件元素

document.querySelectorAll(‘.name’); //獲取頁面上全部class屬性中包含name的元素。

js 如何根據class獲取對象

for(var i=0;iobj.length;i++){if(obj[i].className == ‘a’)//找出span標記中class=a的那個標記{var getObj = obj[i];value = getObj.innerHTML;//獲得他的innerHTML}}//或者通過Jquery,ext,等JS插件來處理也可以。。。

源生JS通過class類名選擇元素的問題。

for(i=0;iaEle.length;i++)

{

var classes = aEle[i].className.split(/\s+/);

for(var j=0;jclasses .length;j++){

if(classes[j]==sclass)

{

aResult.push(aEle[i]); //將選出的所有元素裝入數組中

break;

}

}

}

js怎麼根據class獲取元素

非IE6,7,8可以直接用自帶的屬性 getElementsByClassName,如果需要考慮兼容，就需要自己寫了。下面是自己寫的：

function getClassName(obj,sName) //–obj是要獲取元素的父級

{ //–sName是class名字

if(document.getElementsByClassName)

{

return obj.getElementsByClassName(‘sName’);

}

else

{

var aTmp = obj.getElementsByTagName(‘*’);

var aRes=[];

var arr =[];

for(var i=0;iaTmp.length;i++)

{

arr = aTmp[i].className.split(‘ ‘);

for (var j=0;jarr.length;j++)

{

if(arr[j] == sName)

{

aRes.push(aTmp[i]);

}

}

}

return aRes;

}

}

大概思路，是將你要獲取class元素父級下的所有元素都取出來，再循環查找className，滿足的元素存到數組中，然後返回。