재귀 호출을 해본 지 오래되었습니다. 읽고 나서 갑자기 일어났습니다!
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>통계 요소 노드</title>
<스크립트 언어="자바스크립트">
var 요소이름="";
함수 countTotalElement(노드)
{
///속성 nodeType 값은 2이며, 이는 노드 속성을 나타냅니다.
///Comment nodeType 값은 8이며 주석 텍스트를 나타냅니다.
///Document nodeType 값은 9이며 Document를 나타냅니다.
///DocumentFragment nodeType 값은 11이며, 이는 문서 조각을 나타냅니다.
///Element nodeType 값은 1이며, 이는 요소 노드를 나타냅니다.
///Text nodeType 값은 3이며, 이는 텍스트 노드를 나타냅니다.
var 총계=0;
if(node.nodeType==1) //1은 노드 유형이 Element임을 나타냅니다.
{
총++;
elementName=elementName+node.tagName+"/r/n";
}
var 어린이=node.childNodes;
for(var i=0;i<childrens.length;i++)
{
total+=countTotalElement(childrens[i]);
}
총 수익;
}
</script>
</head>
<본문>
<h1>테스트</h1>
<테이블 cellpadding="0" cellpacing="0">
<tr><td>
<form name="form1" action="" method="post">
<input type="text" name="ipput1" value="테스트"><br />
<입력 유형="비밀번호" 이름="비밀번호" 값="">
</form>
</td></tr>
</table>
<a href="javascript:void(0)" onClick="alert('총 태그 수'+countTotalElement(document)+'/r/n 모든 태그는 다음과 같습니다:/r/n'+elementName);" >테스트 시작< /a>
</body>
</html>
실제로 재귀 호출을 통해 Baidu 스파이더 크롤러와 동일한 효과를 얻을 수 있습니다! 이것은 시도해 볼 가치가 있습니다. 아마도 이 방법을 사용하여 사이트맵 생성기를 작성할 수 있습니다!