การเข้าถึง Element ต่างๆใน Javascript ตอนที่ 1
Javascript มีการเข้าถึง Element ต่างๆได้โดยมีหลายวิธีดังนี้
วิธีที่นิยมใช้มากที่สุดเลยก็คือ
document.getElementById(“id_name“);
เป็นการเรียก Element โดยผ่าน Id เช่นจะเรียกค่า Value ของ textfield ตัวนี้
<input name=”textfield” id=”testing” type=text value=”I’m testing/>
ผมก็จะเรียนใช้โดย document.getElementById(“testing”).value
ถ้าเป็นวิธีเรียกปกติพวก input จะต้องถูกคลอบด้วย Form ก่อนถึงจะถูกเรียกได้ เช่น
<form name=”forminput”>
<input name=”textfield” type=text value=”I’m testing/>
</form>
เวลาเรียกแบบปกติผมก็จะเรียกโดย document.forminput.textfield.value
forminput คือชื่อที่ผมตั้งไว้ใน tag form
textfield คือชื่อที่ผมตั้งไว้ใน tag input
*name = ชื่อ
โดยเราไม่สามารถเรียก value ของ input ปกติได้ถ้าปราศจาก Form ดังนั้นถ้าคุณจะมี textfield โดดๆตัวเดียวก็ควรใช้ getElementById นะครับ
ถ้าไม่เข้าใจเรามีตัวอย่างให้ดูนิดหน่อยนะครับ View Source เอานะครับ example
เนื้อหาคล้ายกันที่น่าสนใจ
