JS如何通過元素的CLASS屬性得到對應的DOM對象
JS如何通過元素的CLASS屬性得到對應的DOM對象？
慕桂英4014372
2019-04-05 10:07:04
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
提交
取消