มีสามวิธีในการรับองค์ประกอบใน JavaScript:
1. วิธี GetElementById (): รับองค์ประกอบ HTML ผ่าน ID
2. GetElementsByName () เมธอด: รับองค์ประกอบผ่านชื่อซึ่งเป็นอาร์เรย์
3. GetElementsByTagname () วิธี: รับองค์ประกอบผ่านแท็ก HTML ซึ่งเป็นอาร์เรย์
หากคุณต้องการรับค่าคุณสามารถใช้ค่าเช่น: var x = document.getElementById ("id") ค่า;
วิธีที่ 1: GetElementById () วิธีการ
ส่งคืนการอ้างอิงไปยังวัตถุแรกที่มี ID ที่ระบุ
ไวยากรณ์: document.getElementById (ID)
เป็นเรื่องธรรมดามากในการเขียนโปรแกรม DOM คุณสามารถกำหนดฟังก์ชั่นเครื่องมือเพื่อให้คุณสามารถใช้วิธี GetElementById () ด้วยชื่อที่สั้นกว่า
ฟังก์ชัน ID (x) {ถ้า (typeof x == "string") {return document.getElementById (x); กลับ x;}วิธีที่ 2: GetElementsByName () วิธีการ
เนื่องจากแอตทริบิวต์ชื่อในเอกสารอาจไม่ซ้ำกัน (เช่นปุ่มตัวเลือกในรูปแบบ HTML มักจะมีแอตทริบิวต์ชื่อเดียวกัน) วิธีการ getElementsByName () ทั้งหมดกลับมาเป็นอาร์เรย์ขององค์ประกอบไม่ใช่องค์ประกอบ
ตัวอย่างเช่นรหัสต่อไปนี้สามารถรับองค์ประกอบแรกในแบบฟอร์มที่มีชื่อ "inputText"
var myparagragh = document.getElementsByName ("inputText") [0] .Value;
วิธีที่ 3: GetElementsByTagname () วิธีการ
หากคุณรู้โครงสร้างของเอกสารเป็นอย่างดีคุณสามารถใช้วิธี getElementsByTagname () เพื่อรับองค์ประกอบเฉพาะในเอกสาร
ตัวอย่างเช่นรหัสต่อไปนี้สามารถรับค่าของย่อหน้าที่สองในเอกสาร:
var myparagragh = document.getElementsByTagname ("P") [1] .Value;
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น