” สำหรับย่อหน้า “
” สำหรับส่วนหัวระดับแรก ฯลฯ วิธีการนี้จำเป็นเมื่อผู้ใช้ต้องการเข้าถึงองค์ประกอบ HTML ด้วยชื่อแท็ก โดยตรงแทนการค้นหารหัสหลายบรรทัด
คู่มือนี้จะอธิบายขั้นตอนที่สมบูรณ์ในการดึงชื่อแท็กขององค์ประกอบ HTML โดยใช้ JavaScript
จะดึงชื่อแท็กขององค์ประกอบ HTML โดยใช้ JavaScript ได้อย่างไร
JavaScript นำเสนอแบบอ่านอย่างเดียว “ ชื่อแท็ก คุณสมบัติ ” ที่แสดงชื่อแท็กขององค์ประกอบ HTML ที่สอดคล้องกัน จะส่งกลับค่าสตริง เช่น ชื่อแท็กขององค์ประกอบเป็นตัวพิมพ์ใหญ่
ไวยากรณ์
องค์ประกอบ. ชื่อแท็ก
ในไวยากรณ์ข้างต้น “ ชื่อแท็ก ” สอดคล้องกับชื่อแท็กขององค์ประกอบที่ต้องดึงข้อมูล
ตอนนี้ เรามาดูการใช้งานจริงเพื่อตรวจสอบว่าสามารถใช้ดึงชื่อแท็กขององค์ประกอบ HTML ที่เกี่ยวข้องได้อย่างไร
ตัวอย่าง: การใช้คุณสมบัติ “tagName” เพื่อดึงชื่อแท็กขององค์ประกอบ HTML
ในตัวอย่างนี้ ชื่อแท็กขององค์ประกอบทั้งหมดที่ระบุในโค้ด HTML สามารถดึงข้อมูลผ่าน ' ชื่อแท็ก ' คุณสมบัติ.
รหัส HTML
มาดูรหัส HTML ต่อไปนี้:
< ร่างกาย เมื่อคลิก = 'elemName()' >< ชั่วโมง2 > ดึง tagName ขององค์ประกอบ HTML ใน JavaScript < / ชั่วโมง2 >
< หน้า > คลิกที่องค์ประกอบใดๆ ในเอกสารนี้เพื่อรับชื่อแท็ก < / หน้า >
< ปุ่ม > คลิกมัน < / ปุ่ม >
< หน้า รหัส = 'การสาธิต' >< / หน้า >
ในบรรทัดโค้ดด้านบน:
- “ <เนื้อหา> ” แท็กเชื่อมโยงกับ “ เมื่อคลิก ” เหตุการณ์เปลี่ยนเส้นทางไปยังฟังก์ชัน JavaScript “ elemName() ” ที่จะถูกเรียกใช้เมื่อคลิก
- “ ” แท็กกำหนดหัวข้อย่อย
- “ แท็ก ” สร้างคำสั่งย่อหน้า
- “ <ปุ่ม> ” tag เพิ่มปุ่มชื่อ “Click It”
- สุดท้ายนี้ “ ” แท็กกำหนดย่อหน้าว่างที่มีรหัส “ การสาธิต ” เพื่อแสดงชื่อแท็กองค์ประกอบ HTML บนทริกเกอร์เหตุการณ์ “onclick”
รหัสจาวาสคริปต์
ถัดไปไปยังรหัสที่ให้ไว้ด้านล่าง:
< สคริปต์ >การทำงาน elemName ( ) {
คอสต์ องค์ประกอบ = เหตุการณ์. เป้า ;
เอกสาร. getElementById ( 'การสาธิต' ) . HTML ภายใน = 'ชื่อแท็กองค์ประกอบ HTML ที่ถูกคลิกคือ: ' + องค์ประกอบ. ชื่อแท็ก ;
}
สคริปต์ >
ในบล็อกรหัสนี้:
- กำหนดฟังก์ชันชื่อ “ elemName() '.
- ในนิยาม ให้ประกาศตัวแปร “ องค์ประกอบ ” ของประเภทข้อมูล “ คอสต์ ” ที่ใช้ “ เป้า คุณสมบัติ ” เพื่อส่งคืนชื่อองค์ประกอบเมื่อเหตุการณ์ที่เกี่ยวข้องทริกเกอร์
- สุดท้าย ใช้ “ getElementById() ” วิธีการเข้าถึงย่อหน้าที่เพิ่มโดยใช้รหัสของมัน
- จะส่งผลให้แสดงชื่อแท็กขององค์ประกอบ HTML ที่เกี่ยวข้องโดยใช้ ' ชื่อแท็ก คุณสมบัติ ” เมื่อเหตุการณ์ “onclick” จะเริ่มทำงาน
- เมื่อคลิกองค์ประกอบใด ๆ ในรหัส HTML ชื่อแท็กที่เกี่ยวข้องจะถูกเรียกคืน
เอาต์พุต
ผลลัพธ์จะแสดงชื่อแท็กองค์ประกอบที่สอดคล้องกันโดยที่เหตุการณ์ “onclick” เริ่มทำงานตามนั้น
บทสรุป
JavaScript ให้ในตัว “ ชื่อแท็ก คุณสมบัติ ” สำหรับรับชื่อแท็กองค์ประกอบ HTML โดยทั่วไปจะใช้กับตัวจัดการเหตุการณ์ JavaScript เช่น “onclick”, “onmouseover”, “ondblclick” เป็นต้น เมื่อเหตุการณ์ที่เกี่ยวข้องขององค์ประกอบ HTML เริ่มทำงาน จะส่งคืนชื่อแท็กเป็นตัวพิมพ์ใหญ่ตามค่าเริ่มต้น คู่มือนี้มีคำอธิบายสั้น ๆ เกี่ยวกับวิธีดึงชื่อแท็กขององค์ประกอบ HTML โดยใช้ JavaScript