ใช้ JavaScript เพื่อเขียนคลิกที่ปุ่มเพิ่มและการลบบนหน้าเพื่อให้ได้การสะสมของตัวเลข
HTML ที่เรียบง่ายอาจเป็นกรณี แค่เข้าใจไม่สนใจรายละเอียดเหล่านี้
<input type = "button" value = "+" onclick = "jia (this)" /> <label> 0 </lable> <input type = "button" value = "-" onclick = "Jian (นี่)" />
ดูเหมือนว่า
รหัส JavaScript มีดังนี้
<script type = "text/javascript"> ฟังก์ชั่น jia (a) {var nextNode = a.nextelementibling; // รับการแจ้งเตือนโหนดถัดไป (nextNode.innerhtml); var a = parseint (nextNode.innerHtml) a += 1; = parseInt (previousnode.innerhtml) a -= 1; a = a> 0? A: 0; ก่อนหน้ามาอธิบายกันเถอะ:
ฟังก์ชั่น Jian (a) และ
ฟังก์ชั่น Jia (a) เป็นวัตถุที่คลิกในปัจจุบัน เพิ่มสิ่งนี้ลงในวิธีการของเหตุการณ์ onclick;
- NextElementsibling รับโหนดถัดไปของโหนดปัจจุบัน (รับโหนดพี่น้องถัดไป)
- PreventElementsibling รับโหนดก่อนหน้าของโหนดปัจจุบัน
หมายเหตุ: IE จะข้ามโหนดเอกสารอวกาศ (เช่นอักขระตัวแบ่งบรรทัด) ที่สร้างขึ้นระหว่างโหนดและ Mozilla จะไม่ทำเช่นนี้ - FF จะรักษาองค์ประกอบการเรียงลำดับเช่นการแบ่งพื้นที่เป็นโหนดการอ่าน ดังนั้นองค์ประกอบโหนดถัดไปที่สามารถอ่านได้โดย Nextsibling ใน IE จะต้องเขียนใน FF: NextElementibling
คำอธิบายข้างต้นหมายถึงการใช้ Nextelementsibling และ Preventelementsibling เพื่อรับโหนดพี่น้องต่อไปและโหนดพี่น้องก่อนหน้า คุณสามารถลบตัวแบ่งบรรทัดช่องว่าง ฯลฯ และค้นหาองค์ประกอบแท็กของเราโดยตรง แต่สองต่อไปนี้
Nextsibling
ก่อนหน้านี้ยังต้องการโหนดพี่ชายคนต่อไปและโหนดพี่ชายคนก่อน แต่ใช้งานง่ายใน IE
-
ฟังก์ชั่นการแปลง Parseint
a = a> 0? A: 0; ----- การแสดงออกของไตรมาส