การอ้างถึงตัวเอง
ใช้คำสั่ง this สำหรับอ้างถึงตัวเอง
ตัวอย่างข้างล่างนี้ onclick="this.style.background='red';" หมายถึง เมื่อคลิกปุ่มนี้ ให้เปลี่ยนสีพื้นหลังโดยใช้คำสั่ง style sheet ให้เป็นสีแดง

<input type="button" value="คลิกเพื่อเปลี่ยนสีปุ่ม" onclick="this.style.background='red';">

ผลลัพธ์


การอ้างถึง Object ต่างๆ โดยใช้ ID
ใช้คำสั่ง document.getElementById สำหรับอ้างถึง Object ต่างๆ โดยใช้ค่า id ในการอ้างถึง
ถ้า Object มี id มากกว่า 1 ตัว จะอ้างถึง Object ตัวแรก จากตัวอย่าง คลิกปุ่มทดสอบ แล้วดึงค่าจาก Textbox มาแสดงใน Alert

<input id="txtID11" type="text" value="ทดสอบ 1.1">
<input type="button" value="ทดสอบแสดงค่าจาก Textbox โดยใช้ id" onclick="alert(document.getElementById('txtID11').value);">
<input id="txtID12" type="text" value="ทดสอบ 1.2">
<input type="button" value="ทดสอบแสดงค่าจาก Textbox โดยใช้ id" onclick="alert(document.getElementById('txtID12').value);">

ผลลัพธ์


การอ้างถึง Object ต่างๆ ใน Form โดยใช้ ID และ Name
ถ้า Object มี id หรือ name ซ้ำกันมากกว่า 1 ตัว จะอ้างถึง Object ไม่ได้
จากตัวอย่าง คลิกปุ่มทดสอบ แล้วดึงค่าจาก Textbox มาแสดงใน Alert

<form name="form2">
<input id="txtID2" type="text" value="ทดสอบ 2.1">
<input type="button" value="ทดสอบแสดงค่าจาก Textbox ใน form โดยใช้ id " onclick="alert(document.form2.txtID2.value);">
<br>
<input name="txtName2" type="text" value="ทดสอบ 2.2">
<input type="button" value="ทดสอบแสดงค่าจาก Textbox ใน form โดยใช้ name" onclick="alert(document.form2.txtName2.value);">
</form>

ผลลัพธ์