ตัวเลือก JS ดั้งเดิมรวมถึง GetElementById, GetElementsByName, GetElementsByTagname และ GetElementsByClassName ต่อไปฉันจะแนะนำการใช้งานของตัวเลือกทั้งสี่นี้ทีละคน
1. GetElementById (รับองค์ประกอบผ่าน ID)
การใช้งาน: document.getElementById ("id"); id คือค่าแอตทริบิวต์ id ขององค์ประกอบที่จะเรียกคืน
2. GetElementSbyName (รับองค์ประกอบผ่านแอตทริบิวต์ชื่อ)
การใช้งาน: document.getElementsByName ("ชื่อ"); ชื่อคือชื่อแอตทริบิวต์ชื่อขององค์ประกอบที่จะได้รับ วิธีนี้ใช้โดยทั่วไปในการส่งข้อมูลแบบฟอร์ม เมื่อองค์ประกอบเป็นแบบฟอร์ม, IMG, IFRAME, Applet, Embed หรือ Object แอตทริบิวต์ที่ตั้งชื่อตามค่าแอตทริบิวต์ชื่อจะถูกสร้างขึ้นโดยอัตโนมัติในวัตถุเอกสาร ดังนั้นวัตถุ DOM ที่เกี่ยวข้องสามารถอ้างอิงผ่าน document.domname
3. GetElementsByTagname (รับองค์ประกอบตามชื่อองค์ประกอบ)
การใช้งาน: document.getElementsByTagname (tagname); Tagname เป็นชื่อแท็กขององค์ประกอบที่จะได้รับ เมื่อแท็กชื่อ *หมายถึงการได้รับองค์ประกอบทั้งหมด เอกสารสามารถถูกแทนที่ด้วยองค์ประกอบ DOM แต่ด้วยวิธีนี้คุณจะได้รับองค์ประกอบชุดย่อยที่อยู่ด้านหลังองค์ประกอบ DOM เท่านั้น
4. GetElementsByClassName (รับองค์ประกอบผ่านคลาส CSS)
การใช้งาน: document.getElementsByClassName (className); className คือชื่อคลาส CSS เพื่อรับองค์ประกอบ หากคุณต้องการได้รับหลายรายการในเวลาเดียวกันให้แยกออกจากช่องว่างหลังจากแต่ละคลาส CSS ตัวอย่างเช่น document.getElementsByClassName ("class2 class1") จะได้รับองค์ประกอบในรูปแบบ Class1 และ Class2 และเอกสารสามารถแทนที่ด้วยองค์ประกอบ DOM เพื่อให้ได้เฉพาะองค์ประกอบย่อยหลังจากองค์ประกอบ DOM เท่านั้น
<! doctype html> <! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> ตัวอย่าง </title> </head> <body> <div> name = "box2"> ฉันกำลังผ่านชื่อ </form> </body> <script type = "text/javascript"> var div = document.getElementSbyTagname ("div"); var box = document.getElementById ("box"); var box1 = document.getElementsByClassName ("Box1"); var box2 = document.getElementSbyName ("Box2"); </script> </html>ข้างต้นคือการวิเคราะห์อย่างเต็มรูปแบบของตัวเลือก JS ที่นำมาให้คุณโดยบรรณาธิการ ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น ~