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浏览器下测试通过
繁星淼淼
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，满足的元素存到数组中，然后返回。
添加回答
举报
0/150
提交
取消