บทความนี้อธิบายวิธีการรับองค์ประกอบลูกหลานทั้งหมดภายใต้องค์ประกอบที่ระบุใน JavaScript ดั้งเดิม มันถูกแชร์กับคุณสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
วิธีการเรียกซ้ำแบบวนซ้ำที่ใช้กันทั่วไปในอดีตดูเหมือนจะลำบากมาก ให้ฉันแบ่งปันวิธีที่ค่อนข้างง่ายในการใช้ฟังก์ชั่นนี้โดยใช้วิธี JavaScript ดั้งเดิม
ตัวอย่างรหัสมีดังนี้:
คัดลอกรหัสดังต่อไปนี้: <! doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "Author" content = "// www.vevb.com/"/>
<title> JavaScript ได้รับองค์ประกอบลูกหลาน </title>
<script type = "text/javascript">
window.onload = function () {
var obox = document.getElementById ("Box");
var show = document.getElementById ("show");
var nodes = obox.getElementsByTagname ("*");
show.innerhtml = nodes.length;
-
</script>
</head>
<body>
<div id = "show"> </div>
<div id = "box">
<div>
<ul>
<li> องค์ประกอบหนึ่ง </li>
<li> องค์ประกอบสอง </li>
<li> องค์ประกอบสาม </li>
</ul>
</div>
</div>
</body>
</html>
รหัสข้างต้นใช้ข้อกำหนดของเรา Asterisk พารามิเตอร์แสดงถึงไวด์การ์ดที่สามารถจับคู่แท็กทุกประเภทได้
วัตถุการโทรของวิธี getElementsByTagname () กำหนดช่วงการค้นหา
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรมเว็บ JavaScript ของทุกคน