首页 > 代码库 > 用原生dom的方法获取class对象(很简单实用)
用原生dom的方法获取class对象(很简单实用)
话不多说，直接上代码，用的是for(var i in array)
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>用原生dom的方法获取class对象(很简单实用)</title> 6 <style> 7 .ca{background:red;padding:20px;} 8 .js{border:1px solid #00f;padding:10px;} 9 </style>10 <script>11 function getElementsClass(classnames){12 var classobj = new Array(); //定义数组13 var classint = 0; //定义数组的下标14 var tags = document.getElementsByTagName(‘*‘);15 for(var i in tags){ //对标签进行遍历16 if(tags[i].nodeType == 1){ //判断节点类型17 if(tags[i].getAttribute(‘class‘) == classnames){ //判断和需要class名字相同的，并组成一个数组18 classobj[classint] = tags[i]; 19 classint++; 20 }21 }22 }23 return classobj; //返回组成的数组24 }25 window.onload = function(){26 var a = getElementsClass(‘ca‘);27 a[0].onclick = function(){alert(‘we are 伐木累‘);}28 a[1].innerHTML = ‘ we are 伐木累！‘;29 var div = document.createElement(‘div‘); // 创建一个div元素节点30 var div_text = document.createTextNode(‘我是你的文本‘); //创建一个文本节点 31 div.style.cssText = ‘width:200px;height:300px;background:blue;color:white‘; //设置最后添加的div的样式32 div.appendChild(div_text); //把文本加到div中33 document.body.appendChild(div); //为body添加最后一个子节点，34 }35 </script>36 </head>37 38 <body>39 <div class="ca">40 sosososo41 </div>42 <div class="js" id="as">43 2</div>44 <div class="bd">45 3</div>46 <div class="ca">47 </div>48 </body>49 </html>
用原生dom的方法获取class对象(很简单实用)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。