使用JS获取页面中的class值

暂无内容


<!-----------------HTML------------------->
<div id="box">
		<div class="itmes"></div>
		<div class="itmes"></div>
		<div class="itmes"></div>
		<div class="itmes"></div>
		<div class="itmes"></div>
		<div class="itmes"></div>
		<div class="itmes"></div>
</div>
<!-----------------JavaScript------------------->
/*获取页面中的所有class名为 itmes 的元素  该方法返回一个元素的collection*/
		var itemClass = document.getElementsByClassName("itmes");
		var itemArr = [];//定义一个数组用于接收遍历后的class值
		for(var i = 0; i< itemClass.length; i++){//遍历class值
			itemArr.push(itemClass[i]);//将遍历出的class值放置进数组中
		}
		itemArr[0].style.background = "red";//通过下标获取数组中的每一个class值

		/*
			如果只获取页面中某一个class值可以使用直接使用getElementsByClassName("itmes")[0];方式进行获取
			var itemClass = document.getElementsByClassName("itmes")[0];//获取第一个class值


            var itemClass2 = document.getElementsByClassName("itmes")[1];//获取第二个class值.....
             itemClass.style.background = "#000";
		*/


验证码: 看不清楚?