为了账号安全,请及时绑定邮箱和手机立即绑定

JS如何通过元素的CLASS属性得到对应的DOM对象?

JS如何通过元素的CLASS属性得到对应的DOM对象?

JS如何通过元素的CLASS属性得到对应的DOM对象
查看完整描述

4 回答

?
回首忆惘然

TA贡献1847条经验 获得超11个赞

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>1</title>

</head>
<script type="text/javascript" charset="utf-8">
window.onload=function() {
document.getElementsByClassName('aaa')[0].innerHTML="sdf"
}
</script>
<body>
<div class="aaa">

</div>
</body>
</html>
是getElementsByClassName,你少个s
firefox、Opera浏览器下测试通过



查看完整回答
反对 回复 2019-04-09
?
繁星淼淼

TA贡献1775条经验 获得超11个赞

非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;i<aTmp.length;i++)
{
arr = aTmp[i].className.split(' ');
for (var j=0;j<arr.length;j++)
{
if(arr[j] == sName)
{
aRes.push(aTmp[i]);
}
}
}
return aRes;
}
}
大概思路,是将你要获取class元素父级下的所有元素都取出来,再循环查找className,满足的元素存到数组中,然后返回。



查看完整回答
反对 回复 2019-04-09
?
慕沐林林

TA贡献2016条经验 获得超9个赞

btn = document.getElementByClassName("btn")

btn是类名

查看完整回答
反对 回复 2019-04-09
?
阿晨1998

TA贡献2037条经验 获得超6个赞

js中有三种获取dom的方法:
根据ID获取对象:document.getElementById(ID);
根据tag获取对象数组:document.getElementsByTagName("p");
根据name获取对象数组:document.getElementsByName(NAME);
用jquery选择器就多得去了,一般都用jquery,js一大串代码用jquery几个符号搞定。

查看完整回答
反对 回复 2019-04-09
  • 4 回答
  • 0 关注
  • 6286 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信