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

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


慕桂英4014372
浏览 6290回答 4
4回答

回首忆惘然

<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,你少个sfirefox、Opera浏览器下测试通过

繁星淼淼

非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,满足的元素存到数组中,然后返回。

慕沐林林

btn = document.getElementByClassName("btn")btn是类名

阿晨1998

js中有三种获取dom的方法:根据ID获取对象:document.getElementById(ID);根据tag获取对象数组:document.getElementsByTagName("p");根据name获取对象数组:document.getElementsByName(NAME);用jquery选择器就多得去了,一般都用jquery,js一大串代码用jquery几个符号搞定。
打开App,查看更多内容
随时随地看视频慕课网APP