您的位置：首页 > 其它

用原生dom的方法获取class对象(很简单实用)

2015-01-24 14:27 645 查看

话不多说，直接上代码，用的是for(var i in array)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用原生dom的方法获取class对象(很简单实用)</title>
<style>
.ca{background:red;padding:20px;}
.js{border:1px solid #00f;padding:10px;}
</style>
<script>
function getElementsClass(classnames){
var classobj = new Array();  //定义数组
var classint = 0; //定义数组的下标
var tags = document.getElementsByTagName('*');
for(var i in tags){ //对标签进行遍历
if(tags[i].nodeType == 1){ //判断节点类型
if(tags[i].getAttribute('class') == classnames){ //判断和需要class名字相同的，并组成一个数组
classobj[classint] = tags[i];
classint++;
}
}
}
return classobj;  //返回组成的数组
}
window.onload = function(){
var a = getElementsClass('ca');
a[0].onclick = function(){alert('we are 伐木累');}
a[1].innerHTML = ' we are 伐木累！';
var div = document.createElement('div');  // 创建一个div元素节点
var div_text = document.createTextNode('我是你的文本'); //创建一个文本节点
div.style.cssText = 'width:200px;height:300px;background:blue;color:white';  //设置最后添加的div的样式
div.appendChild(div_text);  //把文本加到div中
document.body.appendChild(div); //为body添加最后一个子节点，
}
</script>
</head>

<body>
<div class="ca">
sosososo
</div>
<div class="js" id="as">
2</div>
<div class="bd">
3</div>
<div class="ca">
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航