HTMLImageElement

Baseline *

20157

HTMLImageElement HTML <img>

EventTarget Node Element HTMLElement HTMLImageElement

Image(): Image() DOM HTML <img> HTMLImageElement new Image() document.createElement('img')

HTMLElement

HTMLImageElement.alt: HTML alt
HTMLImageElement.attributionSrc: <img> attributionsrc attributionsrc Attribution-Reporting-Eligible Attribution-Reporting-Register-Source Attribution-Reporting-Register-Trigger
HTMLImageElement.complete: true src true
HTMLImageElement.crossOrigin: CORS CORS CORS null
HTMLImageElement.currentSrc: URL
HTMLImageElement.decoding: sync async auto decoding
HTMLImageElement.fetchPriority: high low auto
HTMLImageElement.height: HTML height CSS
HTMLImageElement.isMap: HTML ismap <img> <map> <area> <a> ismap
HTMLImageElement.loading: (eager) (lazy)
HTMLImageElement.naturalHeight: CSS 0
HTMLImageElement.naturalWidth: CSS 0
HTMLImageElement.referrerPolicy: HTML referrerpolicy
HTMLImageElement.sizes: HTML sizes sizes
HTMLImageElement.src: HTML src URI URL src URL
HTMLImageElement.srcset: HTML srcset (',', U+002C COMMA) URL srcset
HTMLImageElement.useMap: HTML usemap <map> URL URL (#) <map> ID #my-map-element <map> <area>
HTMLImageElement.width: HTML width CSS
HTMLImageElement.x: <html> CSS
HTMLImageElement.y: <html> CSS

HTMLImageElement.align: "left", "right", "justify", "center" CSS text-align
HTMLImageElement.border: CSS border
HTMLImageElement.hspace
HTMLImageElement.longDesc: URL HTML <a> <img>
HTMLImageElement.name
HTMLImageElement.vspace

HTMLElement

HTMLImageElement.decode(): DOM (Promise) DOM

onerror error

src null
src URL URL
<img>

const img1 = new Image(); // Image 
img1.src = "image1.png";
img1.alt = "alt";
document.body.appendChild(img1);

const img2 = document.createElement("img"); // DOM  HTMLImageElement 
img2.src = "image2.jpg";
img2.alt = "alt text";
document.body.appendChild(img2);

// 
alert(document.images[0].src);


HTML # htmlimageelement

HTML : <img>

MDN

MDN 2026615

GitHub