JS如何循环第三级的DIV

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

<body>
	<div id="box">
		<div>
			<div>1</div>
			<div>2</div>
			<div>3</div>
		</div>
		<div>
			<div>1</div>
			<div>2</div>
			<div>3</div>
		</div>
		<div>
			<div>1</div>
			<div>2</div>
			<div>3</div>
		</div>
	</div>
</body>
</html>

_追梦的少年_

浏览 1747回答 2

2回答

予远方

抱歉习惯JQuery了。你看下边是否满足，主要是通过目前给出的条件判断顶层div下的div下面是否还有div。var d=document.getElementById("box").getElementsByTagName("div");//现获取box下的所有div for(var i=0;i<d.length;i++){ if(d[i].getElementsByTagName("div").length==0){//判断循环下的div是否还包含div d[i].innerHTML; } }

予远方

你可以试试下边的$("#box").find("div").each(function(){//循环第二级DIV $(this).find("div").each(function(){//循环每个第二级DIV的第三级DIV $(this).html();//获取第三级DIV的所有内容 }); });

随时随地看视频慕课网APP