document.getElementById("zx");
รับวัตถุองค์ประกอบ html ตาม ID หมายเลข ID ไม่ควรซ้ำกันในเอกสาร html สิ่งที่ส่งคืนคือวัตถุองค์ประกอบเดียว และเบราว์เซอร์ทั้งหมดเข้ากันได้
document.getElementsByTagName("ช่วง")[0];
ค้นหาออบเจ็กต์ html ผ่านแท็ก เนื่องจากแท็ก html อาจถูกทำซ้ำหลายครั้งในหนึ่งหน้า หน้าปัจจุบันจึงส่งคืนอาร์เรย์ ออบเจ็กต์ที่สามารถวางตำแหน่งองค์ประกอบตามตำแหน่งที่ป้ายกำกับปรากฏ เบราว์เซอร์ทั้งหมดเข้ากันได้
document.getElementsByName("hh")[0];
ออบเจ็กต์ html ตั้งอยู่ผ่านแอตทริบิวต์ name แต่ไม่ใช่ทุกแท็กที่มีแอตทริบิวต์ name แต่เราสามารถเพิ่มแอตทริบิวต์ name ปลอมได้ เพื่อให้สามารถระบุตำแหน่งได้ เนื่องจากอาจมีแอตทริบิวต์ของชื่อหลายรายการซึ่งไม่ซ้ำกัน ดังนั้นวิธีนี้จึงคืนค่าอาร์เรย์ด้วย ในทำนองเดียวกัน เราก็สามารถวางตำแหน่งชื่อตามตำแหน่งของชื่อใน html ได้เช่นกัน ซีรีส์ IE เข้ากันไม่ได้และไม่แนะนำ
innerHTML: วิธีนี้คือการรับรหัส html เฉพาะขององค์ประกอบ html
document.getElementById("zx").innerHTML;
คุณยังสามารถอัปเดตโค้ด html ขององค์ประกอบได้:
document.getElementById("zx").innerHTML="<b>ไปเดทกันเถอะ~</b>";