HTMLImageElement
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
* Some parts of this feature may have varying levels of support.
ÐнÑеÑÑÐµÐ¹Ñ HTMLImageElement пÑедоÑÑавлÑÐµÑ ÑпеÑиалÑнÑе ÑвойÑÑва и меÑÐ¾Ð´Ñ (ÑаÑÑиÑÑÑ Ð¾Ð±ÑÑнÑй инÑеÑÑÐµÐ¹Ñ HTMLElement ) Ð´Ð»Ñ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð²ÑÑÑÑкой и оÑобÑажением ÑлеменÑа <img>.
СвойÑÑва
ÐаÑледÑÐµÑ ÑвойÑÑва ÑодиÑелÑ, HTMLElement.
| ÐÐ¼Ñ | Тип | ÐпиÑание |
|---|---|---|
align |
DOMString |
УказÑÐ²Ð°ÐµÑ ÑаÑположение каÑÑинки завиÑÑÑее Ð¾Ñ Ð¾ÐºÑÑжаÑÑего конÑенÑа. ÐозможнÑе знаÑениÑ: "left", "right", "justify", и "center". |
alt |
DOMString |
ÐовÑоÑÑÐµÑ Ð°ÑÑибÑÑ HTML alt ÑказÑваÑÑий на запаÑной конÑекÑÑ ÐºÐ°ÑÑинки. |
border |
DOMString |
ШиÑина Ñамки вокÑÑг каÑÑинки. УÑÑаÑело и вмеÑÑо него ÑледÑÐµÑ Ð¸ÑполÑзоваÑÑ ÑвойÑÑво CSS border. |
complete ТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
Boolean |
ÐозвÑаÑÐ°ÐµÑ true, еÑли бÑаÑÐ·ÐµÑ Ð·Ð°ÐºÐ¾Ð½Ñил загÑÑÐ·ÐºÑ ÐºÐ°ÑÑинки Ñ Ð¾Ñибкой или ÑÑпеÑно. Также возвÑаÑÐ°ÐµÑ true, когда не ÑÑÑановлено знаÑение src, во вÑеÑ
оÑÑалÑнÑÑ
ÑлÑÑаÑÑ
- false. |
crossOrigin |
DOMString |
ЯвлÑеÑÑÑ DOMString, Ñ Ð½Ð°ÑÑÑойками CORS Ð´Ð»Ñ ÑÑого ÑлеменÑа изобÑажениÑ. ÐополниÑелÑÐ½Ð°Ñ Ð¸Ð½ÑоÑмаÑиÑ: ÐÑÑибÑÑÑ Ð½Ð°ÑÑÑоек CORS. |
currentSrcТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
DOMString |
ÐозвÑаÑÐ°ÐµÑ DOMString Ñ URL-адÑеÑом ÑекÑÑего изобÑÐ°Ð¶ÐµÐ½Ð¸Ñ (ÑÑо Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑÑÑ, напÑимеÑ, в оÑÐ²ÐµÑ Ð½Ð° запÑоÑÑ Ð¼ÑлÑÑимедиа). |
height |
unsigned long |
ÐÑÑÐ°Ð¶Ð°ÐµÑ Ð°ÑÑибÑÑ height HTML, ÑказÑÐ²Ð°Ñ Ð²Ð¸Ð·ÑализиÑованнÑÑ Ð²ÑÑоÑÑ Ð¸Ð·Ð¾Ð±ÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð² пикÑелÑÑ
CSS. |
hspace |
long |
Space to the left and right of the image. |
isMap |
Boolean |
Reflects the ismap HTML attribute, indicating that the image is part of a server-side image map. |
longDesc |
DOMString |
URI of a long description of the image. |
lowSrc |
DOMString |
A reference to a low-quality (but faster to load) copy of the image. |
name |
DOMString |
|
naturalHeight ТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
unsigned long |
Intrinsic height of the image in CSS pixels, if it is available; otherwise, 0. |
naturalWidth ТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
unsigned long |
Intrinsic width of the image in CSS pixels, if it is available; otherwise, 0. |
src |
DOMString |
Reflects the src HTML attribute, containing the URL of the image. |
srcset |
||
useMap |
DOMString |
Reflects the usemap HTML attribute, containing a partial URL of a map element. |
vspace |
long |
Space above and below the image. |
width |
unsigned long |
Reflects the width HTML attribute, indicating the rendered width of the image in CSS pixels. |
x ТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
long |
The horizontal offset from the nearest layer. (Mimic an old Netscape 4 behavior) |
y ТолÑко Ð´Ð»Ñ ÑÑÐµÐ½Ð¸Ñ |
long |
The vertical offset from the nearest layer. (Mimic an old Netscape 4 behavior) |
ÐеÑодÑ
ÐаÑледÑÐµÑ Ð¼ÐµÑÐ¾Ð´Ñ ÑодиÑелÑ, HTMLElement.
HTMLImageElement.Image()-
The
Image()constructor, taking two optionalunsignedlong, the width and the height of the resource, creates an instance ofHTMLImageElementnot inserted in a DOM tree.
ÐÑимеÑ
js
var img1 = new Image(); // ÐонÑÑÑÑкÑÐ¾Ñ HTML5
img1.src = "image1.png";
img1.alt = "alt";
document.body.appendChild(img1);
var img2 = document.createElement("img"); // ÐÑполÑзÑем HTMLImageElement
img2.src = "image2.jpg";
img2.alt = "alt text";
document.body.appendChild(img2);
// вÑбиÑаем пеÑвое изобÑажение на ÑÑÑаниÑе
alert(document.images[0].src);
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # htmlimageelement |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- ÐÐ»ÐµÐ¼ÐµÐ½Ñ HTML, ÑеализÑÑÑий ÑÑÐ¾Ñ Ð¸Ð½ÑеÑÑейÑ:
<img>