เป็นเวลานานแล้วที่ฉันโทรซ้ำ อ่านแล้วจู่ๆ ก็ตื่น!
คัดลอกรหัสรหัสดังต่อไปนี้:
<!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 elementName = "";
ฟังก์ชั่น countTotalElement (โหนด)
-
///ค่าแอตทริบิวต์ nodeType คือ 2 ซึ่งระบุแอตทริบิวต์ของโหนด
/// ค่า nodeType ของความคิดเห็นคือ 8 ซึ่งระบุข้อความความคิดเห็น
///Document nodeType ค่าคือ 9 ซึ่งบ่งชี้ถึง Document
///DocumentFragment nodeType ค่าคือ 11 ซึ่งบ่งชี้ถึงส่วนของเอกสาร
/// ค่า nodeType ขององค์ประกอบคือ 1 ซึ่งระบุโหนดองค์ประกอบ
/// ค่า nodeType ของข้อความคือ 3 ซึ่งระบุโหนดข้อความ
รวมทั้งหมด=0;
if(node.nodeType==1) //1 แสดงว่าประเภทของโหนดเป็นองค์ประกอบ
-
รวม++;
elementName=elementName+node.tagName+"/r/n";
-
var childrens=node.childNodes;
สำหรับ (var i=0;i<childrens.length;i++)
-
รวม + = countTotalElement (เด็ก ๆ [i]);
-
รวมผลตอบแทน;
-
</สคริปต์>
</หัว>
<ร่างกาย>
<h1>ทดสอบ</h1>
<ตารางเซลล์แพ็ดดิ้ง = "0" เซลล์ระยะห่าง = "0">
<tr><td>
<ชื่อแบบฟอร์ม = "form1" action = "" วิธีการ = "โพสต์">
<input type="text" name="ipput1" value="ทดสอบ"><br />
<input type="password" name="password" value="">
</แบบฟอร์ม>
</td></tr>
</ตาราง>
<a href="javascript:void(0)" onClick="alert('Total number of tags'+countTotalElement(document)+'/r/n แท็กทั้งหมดเป็นดังนี้:/r/n'+elementName);" >เริ่มการทดสอบ</a>
</ร่างกาย>
</html>
ในความเป็นจริงเอฟเฟกต์แบบเดียวกับโปรแกรมรวบรวมข้อมูลแมงมุม Baidu สามารถทำได้ผ่านการโทรแบบเรียกซ้ำ! นี่อาจคุ้มค่าที่จะลอง บางทีคุณอาจใช้วิธีนี้เพื่อเขียนโปรแกรมสร้างแผนผังเว็บไซต์ได้!