获取类名

最新推荐文章于 2024-05-31 12:08:16 发布

somnus_ly

最新推荐文章于 2024-05-31 12:08:16 发布

阅读量432

点赞数

分类专栏：面试相关文章标签： classname

本文链接：https://blog.csdn.net/somous_ly/article/details/38405617

版权

面试相关专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>类名(面试题)</title>
</head>
<body>
	<ul id="ul">
		<li>1</li>
		<li class="box">2</li>
		<li class="box">3</li>
		<li class="box">4</li>
	</ul>
	<ul id="aa">
		<li>1</li>
		<li class="box">2</li>
		<li class="box">3</li>
		<li class="box">4</li>
	</ul>
</body>
<script type="text/javascript">
	// var all = document.getElementsByClassName("box");
	var ul = document.getElementById("ul");

	function getClass(element,eleClassName){
		var ele = element.getElementsByTagName("*");
		var result = [];
		for (var i = 0; i < ele.length; i++) {
			if (ele[i].className == eleClassName) {
				// ele[i].style.background = "red";
				result.push(ele[i]);
			}
		}
		return result;
	}	 

	var b = getClass(ul,"box");
	for (var i = 0; i < b.length; i++) {
		b[i].style.background = "red";
	}
	
</script>
</html></span>