อ็อบเจกต์ Image ของ DOM HTML

  • หน้าก่อน <iframe>
  • หน้าต่อไป <ins>

Object รูปภาพ

องค์ประกอบ Image แสดงถึงองค์ประกอบ <img> ของ HTML.

เข้าถึงองค์ประกอบ Image

คุณสามารถใช้ getElementById() ในการเข้าถึงองค์ประกอบ <img> ได้:

var x = document.getElementById("myImg");

ทดลองด้วยตัวเอง

คำเตือน:คุณยังสามารถใช้ ชุด images เข้าถึงองค์ประกอบ <img>。

สร้างองค์ประกอบ Image

คุณสามารถใช้วิธี document.createElement() ในการสร้างองค์ประกอบ <img> ได้:

var x = document.createElement("IMG");

ทดลองด้วยตัวเอง

คุณสมบัติขององค์ประกอบ Image

คุณสมบัติ รายละเอียด
align

ไม่สนับสนุนใน HTML5。กรุณาใช้ style.cssFloat。

ตั้งค่าหรือกลับค่าคุณสมบัติ align ของภาพ。
alt ตั้งค่าหรือกลับค่าคุณสมบัติ alt ของภาพ。
border

ไม่สนับสนุนใน HTML5。กรุณาใช้ style.border。

ตั้งค่าหรือกลับค่าคุณสมบัติ border ของภาพ。
complete กลับค่าว่าเครื่องมือนี้เสร็จการโหลดภาพแล้วหรือไม่。
crossOrigin ตั้งค่าหรือกลับค่าคุณสมบัติ CORS ของภาพ。
height ตั้งค่าหรือกลับค่าคุณสมบัติ height ของภาพ。
hspace

ไม่สนับสนุนใน HTML5。กรุณาใช้ style.margin。

ตั้งค่าหรือกลับค่าคุณสมบัติ hspace ของภาพ。
isMap ตั้งค่าหรือกลับค่าว่าภาพควรเป็นส่วนหนึ่งของ ImageMap ที่เซิร์ฟเวอร์。
longDesc

ไม่สนับสนุนใน HTML5。

ตั้งค่าหรือกลับค่าคุณสมบัติ longdesc ของภาพ。
lowsrc

ไม่สนับสนุนใน HTML5。

ตั้งค่าหรือกลับค่า URL ของฉบับต่ำของภาพที่มีความละเอียดต่ำ。
name

ไม่สนับสนุนใน HTML5。กรุณาใช้ id แทน。

ตั้งค่าหรือกลับค่าคุณสมบัติ name ของภาพ。
naturalHeight กลับค่าความสูงตัวตาของภาพ。
naturalWidth กลับค่าความกว้างตัวตาของภาพ。
src ตั้งค่าหรือกลับค่าคุณสมบัติ src ของภาพ。
useMap ตั้งค่าหรือกลับค่าคุณสมบัติ usemap ของภาพ。
vspace

ไม่สนับสนุนใน HTML5。กรุณาใช้ style.margin。

ตั้งค่าหรือกลับค่าคุณสมบัติ vspace ของภาพ。
width ตั้งค่าหรือกลับค่าคุณสมบัติ width ของภาพ。

คุณสมบัติมาตรฐานและเหตุการณ์

Image องค์ประกอบสนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

ตัวเรียน HTML:รูปภาพ HTML

คู่มือ HTML รอบครอบ:ตามรูปภาพ <img> ของ HTML

  • หน้าก่อน <iframe>
  • หน้าต่อไป <ins>