本文目录一览：
- 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，满足的元素存到数组中，然后返回。
