Advertisement
Web Developer Resources
You Are Here: ESQSoft.com ¬ javascript-help ¬ JavaScript Help: IMG (Image) Object
E.S.Q. Software Logo

Javascript Help: IMG (Image) Object

JavaScript can be used to access a number of DOM (Document Object Model) Objects. One very common object is the IMG (Image) tag/object. Here are it's properties and methods enumerated dynamically. (Note: this method will expose the properties and methods supported by your browser on-the-fly.) The Image Object is the JavaScript object for interfacing with IMG tags. The properties you see between <img> HTML markup map to similar property names that are a part of the DOM and become accessible to client-side scripting.

Note: while the IMG tag's SRC property can technically request many types of image formats, the properties appear to belong to the IMG tag rather than to the format of the image type as evidenced by the enumerated properties of three test IMG tag instances.

See below for additional detail.

GIF Image Object Properties Enumerated

IMG
PropertyValue
alt
srchttps://esqsoft.com/hyperlander/images/panel01.gif
srcset
sizes
crossOriginnull
useMap
isMapfalse
width275
height600
naturalWidth0
naturalHeight0
completetrue
currentSrchttps://esqsoft.com/hyperlander/images/panel01.gif
referrerPolicy
decodingauto
fetchPriorityauto
loadingauto
nameimg_gif
lowsrc
align
hspace0
vspace0
longDesc
border0
x247
y495
decodefunction decode() { [native code] }
attributionSrc
sharedStorageWritablefalse
title
lang
translatetrue
dir
hiddenfalse
inertfalse
accessKey
draggabletrue
spellchecktrue
autocapitalize
editContextnull
contentEditableinherit
enterKeyHint
isContentEditablefalse
inputMode
virtualKeyboardPolicy
offsetParent[object HTMLTableCellElement]
offsetTop1
offsetLeft1
offsetWidth275
offsetHeight600
popovernull
innerText
outerText
onbeforexrselectnull
onabortnull
onbeforeinputnull
onbeforematchnull
onbeforetogglenull
onblurnull
oncancelnull
oncanplaynull
oncanplaythroughnull
onchangenull
onclicknull
onclosenull
oncontentvisibilityautostatechangenull
oncontextlostnull
oncontextmenunull
oncontextrestorednull
oncuechangenull
ondblclicknull
ondragnull
ondragendnull
ondragenternull
ondragleavenull
ondragovernull
ondragstartnull
ondropnull
ondurationchangenull
onemptiednull
onendednull
onerrornull
onfocusnull
onformdatanull
oninputnull
oninvalidnull
onkeydownnull
onkeypressnull
onkeyupnull
onloadnull
onloadeddatanull
onloadedmetadatanull
onloadstartnull
onmousedownnull
onmouseenternull
onmouseleavenull
onmousemovenull
onmouseoutnull
onmouseovernull
onmouseupnull
onmousewheelnull
onpausenull
onplaynull
onplayingnull
onprogressnull
onratechangenull
onresetnull
onresizenull
onscrollnull
onsecuritypolicyviolationnull
onseekednull
onseekingnull
onselectnull
onslotchangenull
onstallednull
onsubmitnull
onsuspendnull
ontimeupdatenull
ontogglenull
onvolumechangenull
onwaitingnull
onwebkitanimationendnull
onwebkitanimationiterationnull
onwebkitanimationstartnull
onwebkittransitionendnull
onwheelnull
onauxclicknull
ongotpointercapturenull
onlostpointercapturenull
onpointerdownnull
onpointermovenull
onpointerrawupdatenull
onpointerupnull
onpointercancelnull
onpointerovernull
onpointeroutnull
onpointerenternull
onpointerleavenull
onselectstartnull
onselectionchangenull
onanimationendnull
onanimationiterationnull
onanimationstartnull
ontransitionrunnull
ontransitionstartnull
ontransitionendnull
ontransitioncancelnull
oncopynull
oncutnull
onpastenull
dataset[object DOMStringMap]
nonce
autofocusfalse
tabIndex-1
style[object CSSStyleDeclaration]
attributeStyleMap[object StylePropertyMap]
attachInternalsfunction attachInternals() { [native code] }
blurfunction blur() { [native code] }
clickfunction click() { [native code] }
focusfunction focus() { [native code] }
hidePopoverfunction hidePopover() { [native code] }
showPopoverfunction showPopover() { [native code] }
togglePopoverfunction togglePopover() { [native code] }
writingSuggestionstrue
onscrollendnull
onscrollsnapchangenull
onscrollsnapchangingnull
namespaceURIhttp://www.w3.org/1999/xhtml
prefixnull
localNameimg
tagNameIMG
idimg_gif
className
classList
slot
attributes[object NamedNodeMap]
shadowRootnull
part
assignedSlotnull
innerHTML
outerHTML<img src="../hyperlander/images/panel01.gif" id="img_gif" name="img_gif" width="275" height="600" border="0">
scrollTop0
scrollLeft0
scrollWidth275
scrollHeight600
clientTop0
clientLeft0
clientWidth275
clientHeight600
onbeforecopynull
onbeforecutnull
onbeforepastenull
onsearchnull
elementTiming
onfullscreenchangenull
onfullscreenerrornull
onwebkitfullscreenchangenull
onwebkitfullscreenerrornull
rolenull
ariaAtomicnull
ariaAutoCompletenull
ariaBusynull
ariaBrailleLabelnull
ariaBrailleRoleDescriptionnull
ariaCheckednull
ariaColCountnull
ariaColIndexnull
ariaColSpannull
ariaCurrentnull
ariaDescriptionnull
ariaDisablednull
ariaExpandednull
ariaHasPopupnull
ariaHiddennull
ariaInvalidnull
ariaKeyShortcutsnull
ariaLabelnull
ariaLevelnull
ariaLivenull
ariaModalnull
ariaMultiLinenull
ariaMultiSelectablenull
ariaOrientationnull
ariaPlaceholdernull
ariaPosInSetnull
ariaPressednull
ariaReadOnlynull
ariaRelevantnull
ariaRequirednull
ariaRoleDescriptionnull
ariaRowCountnull
ariaRowIndexnull
ariaRowSpannull
ariaSelectednull
ariaSetSizenull
ariaSortnull
ariaValueMaxnull
ariaValueMinnull
ariaValueNownull
ariaValueTextnull
children[object HTMLCollection]
firstElementChildnull
lastElementChildnull
childElementCount0
previousElementSiblingnull
nextElementSiblingnull
afterfunction after() { [native code] }
animatefunction animate() { [native code] }
appendfunction append() { [native code] }
attachShadowfunction attachShadow() { [native code] }
beforefunction before() { [native code] }
checkVisibilityfunction checkVisibility() { [native code] }
closestfunction closest() { [native code] }
computedStyleMapfunction computedStyleMap() { [native code] }
getAnimationsfunction getAnimations() { [native code] }
getAttributefunction getAttribute() { [native code] }
getAttributeNSfunction getAttributeNS() { [native code] }
getAttributeNamesfunction getAttributeNames() { [native code] }
getAttributeNodefunction getAttributeNode() { [native code] }
getAttributeNodeNSfunction getAttributeNodeNS() { [native code] }
getBoundingClientRectfunction getBoundingClientRect() { [native code] }
getClientRectsfunction getClientRects() { [native code] }
getElementsByClassNamefunction getElementsByClassName() { [native code] }
getElementsByTagNamefunction getElementsByTagName() { [native code] }
getElementsByTagNameNSfunction getElementsByTagNameNS() { [native code] }
getHTMLfunction getHTML() { [native code] }
hasAttributefunction hasAttribute() { [native code] }
hasAttributeNSfunction hasAttributeNS() { [native code] }
hasAttributesfunction hasAttributes() { [native code] }
hasPointerCapturefunction hasPointerCapture() { [native code] }
insertAdjacentElementfunction insertAdjacentElement() { [native code] }
insertAdjacentHTMLfunction insertAdjacentHTML() { [native code] }
insertAdjacentTextfunction insertAdjacentText() { [native code] }
matchesfunction matches() { [native code] }
prependfunction prepend() { [native code] }
querySelectorfunction querySelector() { [native code] }
querySelectorAllfunction querySelectorAll() { [native code] }
releasePointerCapturefunction releasePointerCapture() { [native code] }
removefunction remove() { [native code] }
removeAttributefunction removeAttribute() { [native code] }
removeAttributeNSfunction removeAttributeNS() { [native code] }
removeAttributeNodefunction removeAttributeNode() { [native code] }
replaceChildrenfunction replaceChildren() { [native code] }
replaceWithfunction replaceWith() { [native code] }
requestFullscreenfunction requestFullscreen() { [native code] }
requestPointerLockfunction requestPointerLock() { [native code] }
scrollfunction scroll() { [native code] }
scrollByfunction scrollBy() { [native code] }
scrollIntoViewfunction scrollIntoView() { [native code] }
scrollIntoViewIfNeededfunction scrollIntoViewIfNeeded() { [native code] }
scrollTofunction scrollTo() { [native code] }
setAttributefunction setAttribute() { [native code] }
setAttributeNSfunction setAttributeNS() { [native code] }
setAttributeNodefunction setAttributeNode() { [native code] }
setAttributeNodeNSfunction setAttributeNodeNS() { [native code] }
setPointerCapturefunction setPointerCapture() { [native code] }
toggleAttributefunction toggleAttribute() { [native code] }
webkitMatchesSelectorfunction webkitMatchesSelector() { [native code] }
webkitRequestFullScreenfunction webkitRequestFullScreen() { [native code] }
webkitRequestFullscreenfunction webkitRequestFullscreen() { [native code] }
currentCSSZoom1
ariaColIndexTextnull
ariaRowIndexTextnull
getInnerHTMLfunction getInnerHTML() { [native code] }
setHTMLUnsafefunction setHTMLUnsafe() { [native code] }
nodeType1
nodeNameIMG
baseURIhttps://esqsoft.com/javascript-help/javascript-img-image-object
isConnectedtrue
ownerDocument[object HTMLDocument]
parentNodehttp://hyperlander.fanspace.com/
parentElementhttp://hyperlander.fanspace.com/
childNodes[object NodeList]
firstChildnull
lastChildnull
previousSiblingnull
nextSiblingnull
nodeValuenull
textContent
ELEMENT_NODE1
ATTRIBUTE_NODE2
TEXT_NODE3
CDATA_SECTION_NODE4
ENTITY_REFERENCE_NODE5
ENTITY_NODE6
PROCESSING_INSTRUCTION_NODE7
COMMENT_NODE8
DOCUMENT_NODE9
DOCUMENT_TYPE_NODE10
DOCUMENT_FRAGMENT_NODE11
NOTATION_NODE12
DOCUMENT_POSITION_DISCONNECTED1
DOCUMENT_POSITION_PRECEDING2
DOCUMENT_POSITION_FOLLOWING4
DOCUMENT_POSITION_CONTAINS8
DOCUMENT_POSITION_CONTAINED_BY16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC32
appendChildfunction appendChild() { [native code] }
cloneNodefunction cloneNode() { [native code] }
compareDocumentPositionfunction compareDocumentPosition() { [native code] }
containsfunction contains() { [native code] }
getRootNodefunction getRootNode() { [native code] }
hasChildNodesfunction hasChildNodes() { [native code] }
insertBeforefunction insertBefore() { [native code] }
isDefaultNamespacefunction isDefaultNamespace() { [native code] }
isEqualNodefunction isEqualNode() { [native code] }
isSameNodefunction isSameNode() { [native code] }
lookupNamespaceURIfunction lookupNamespaceURI() { [native code] }
lookupPrefixfunction lookupPrefix() { [native code] }
normalizefunction normalize() { [native code] }
removeChildfunction removeChild() { [native code] }
replaceChildfunction replaceChild() { [native code] }
addEventListenerfunction addEventListener() { [native code] }
dispatchEventfunction dispatchEvent() { [native code] }
removeEventListenerfunction removeEventListener() { [native code] }
Script: Expose (expose DOM element) -- << click here to copy code >>
More Web Stuff: Tools, How-To, Design, Games, Hosting @ http://www.esqsoft.com

JPG Image Object Properties Enumerated

IMG
PropertyValue
alt
srchttps://esqsoft.com/hyperlander/images/panel02.jpg
srcset
sizes
crossOriginnull
useMap
isMapfalse
width275
height600
naturalWidth0
naturalHeight0
completetrue
currentSrchttps://esqsoft.com/hyperlander/images/panel02.jpg
referrerPolicy
decodingauto
fetchPriorityauto
loadingauto
nameimg_jpg
lowsrc
align
hspace0
vspace0
longDesc
border0
x247
y1203
decodefunction decode() { [native code] }
attributionSrc
sharedStorageWritablefalse
title
lang
translatetrue
dir
hiddenfalse
inertfalse
accessKey
draggabletrue
spellchecktrue
autocapitalize
editContextnull
contentEditableinherit
enterKeyHint
isContentEditablefalse
inputMode
virtualKeyboardPolicy
offsetParent[object HTMLTableCellElement]
offsetTop1
offsetLeft1
offsetWidth275
offsetHeight600
popovernull
innerText
outerText
onbeforexrselectnull
onabortnull
onbeforeinputnull
onbeforematchnull
onbeforetogglenull
onblurnull
oncancelnull
oncanplaynull
oncanplaythroughnull
onchangenull
onclicknull
onclosenull
oncontentvisibilityautostatechangenull
oncontextlostnull
oncontextmenunull
oncontextrestorednull
oncuechangenull
ondblclicknull
ondragnull
ondragendnull
ondragenternull
ondragleavenull
ondragovernull
ondragstartnull
ondropnull
ondurationchangenull
onemptiednull
onendednull
onerrornull
onfocusnull
onformdatanull
oninputnull
oninvalidnull
onkeydownnull
onkeypressnull
onkeyupnull
onloadnull
onloadeddatanull
onloadedmetadatanull
onloadstartnull
onmousedownnull
onmouseenternull
onmouseleavenull
onmousemovenull
onmouseoutnull
onmouseovernull
onmouseupnull
onmousewheelnull
onpausenull
onplaynull
onplayingnull
onprogressnull
onratechangenull
onresetnull
onresizenull
onscrollnull
onsecuritypolicyviolationnull
onseekednull
onseekingnull
onselectnull
onslotchangenull
onstallednull
onsubmitnull
onsuspendnull
ontimeupdatenull
ontogglenull
onvolumechangenull
onwaitingnull
onwebkitanimationendnull
onwebkitanimationiterationnull
onwebkitanimationstartnull
onwebkittransitionendnull
onwheelnull
onauxclicknull
ongotpointercapturenull
onlostpointercapturenull
onpointerdownnull
onpointermovenull
onpointerrawupdatenull
onpointerupnull
onpointercancelnull
onpointerovernull
onpointeroutnull
onpointerenternull
onpointerleavenull
onselectstartnull
onselectionchangenull
onanimationendnull
onanimationiterationnull
onanimationstartnull
ontransitionrunnull
ontransitionstartnull
ontransitionendnull
ontransitioncancelnull
oncopynull
oncutnull
onpastenull
dataset[object DOMStringMap]
nonce
autofocusfalse
tabIndex-1
style[object CSSStyleDeclaration]
attributeStyleMap[object StylePropertyMap]
attachInternalsfunction attachInternals() { [native code] }
blurfunction blur() { [native code] }
clickfunction click() { [native code] }
focusfunction focus() { [native code] }
hidePopoverfunction hidePopover() { [native code] }
showPopoverfunction showPopover() { [native code] }
togglePopoverfunction togglePopover() { [native code] }
writingSuggestionstrue
onscrollendnull
onscrollsnapchangenull
onscrollsnapchangingnull
namespaceURIhttp://www.w3.org/1999/xhtml
prefixnull
localNameimg
tagNameIMG
idimg_jpg
className
classList
slot
attributes[object NamedNodeMap]
shadowRootnull
part
assignedSlotnull
innerHTML
outerHTML<img src="../hyperlander/images/panel02.jpg" id="img_jpg" name="img_jpg" width="275" height="600" border="0">
scrollTop0
scrollLeft0
scrollWidth275
scrollHeight600
clientTop0
clientLeft0
clientWidth275
clientHeight600
onbeforecopynull
onbeforecutnull
onbeforepastenull
onsearchnull
elementTiming
onfullscreenchangenull
onfullscreenerrornull
onwebkitfullscreenchangenull
onwebkitfullscreenerrornull
rolenull
ariaAtomicnull
ariaAutoCompletenull
ariaBusynull
ariaBrailleLabelnull
ariaBrailleRoleDescriptionnull
ariaCheckednull
ariaColCountnull
ariaColIndexnull
ariaColSpannull
ariaCurrentnull
ariaDescriptionnull
ariaDisablednull
ariaExpandednull
ariaHasPopupnull
ariaHiddennull
ariaInvalidnull
ariaKeyShortcutsnull
ariaLabelnull
ariaLevelnull
ariaLivenull
ariaModalnull
ariaMultiLinenull
ariaMultiSelectablenull
ariaOrientationnull
ariaPlaceholdernull
ariaPosInSetnull
ariaPressednull
ariaReadOnlynull
ariaRelevantnull
ariaRequirednull
ariaRoleDescriptionnull
ariaRowCountnull
ariaRowIndexnull
ariaRowSpannull
ariaSelectednull
ariaSetSizenull
ariaSortnull
ariaValueMaxnull
ariaValueMinnull
ariaValueNownull
ariaValueTextnull
children[object HTMLCollection]
firstElementChildnull
lastElementChildnull
childElementCount0
previousElementSiblingnull
nextElementSiblingnull
afterfunction after() { [native code] }
animatefunction animate() { [native code] }
appendfunction append() { [native code] }
attachShadowfunction attachShadow() { [native code] }
beforefunction before() { [native code] }
checkVisibilityfunction checkVisibility() { [native code] }
closestfunction closest() { [native code] }
computedStyleMapfunction computedStyleMap() { [native code] }
getAnimationsfunction getAnimations() { [native code] }
getAttributefunction getAttribute() { [native code] }
getAttributeNSfunction getAttributeNS() { [native code] }
getAttributeNamesfunction getAttributeNames() { [native code] }
getAttributeNodefunction getAttributeNode() { [native code] }
getAttributeNodeNSfunction getAttributeNodeNS() { [native code] }
getBoundingClientRectfunction getBoundingClientRect() { [native code] }
getClientRectsfunction getClientRects() { [native code] }
getElementsByClassNamefunction getElementsByClassName() { [native code] }
getElementsByTagNamefunction getElementsByTagName() { [native code] }
getElementsByTagNameNSfunction getElementsByTagNameNS() { [native code] }
getHTMLfunction getHTML() { [native code] }
hasAttributefunction hasAttribute() { [native code] }
hasAttributeNSfunction hasAttributeNS() { [native code] }
hasAttributesfunction hasAttributes() { [native code] }
hasPointerCapturefunction hasPointerCapture() { [native code] }
insertAdjacentElementfunction insertAdjacentElement() { [native code] }
insertAdjacentHTMLfunction insertAdjacentHTML() { [native code] }
insertAdjacentTextfunction insertAdjacentText() { [native code] }
matchesfunction matches() { [native code] }
prependfunction prepend() { [native code] }
querySelectorfunction querySelector() { [native code] }
querySelectorAllfunction querySelectorAll() { [native code] }
releasePointerCapturefunction releasePointerCapture() { [native code] }
removefunction remove() { [native code] }
removeAttributefunction removeAttribute() { [native code] }
removeAttributeNSfunction removeAttributeNS() { [native code] }
removeAttributeNodefunction removeAttributeNode() { [native code] }
replaceChildrenfunction replaceChildren() { [native code] }
replaceWithfunction replaceWith() { [native code] }
requestFullscreenfunction requestFullscreen() { [native code] }
requestPointerLockfunction requestPointerLock() { [native code] }
scrollfunction scroll() { [native code] }
scrollByfunction scrollBy() { [native code] }
scrollIntoViewfunction scrollIntoView() { [native code] }
scrollIntoViewIfNeededfunction scrollIntoViewIfNeeded() { [native code] }
scrollTofunction scrollTo() { [native code] }
setAttributefunction setAttribute() { [native code] }
setAttributeNSfunction setAttributeNS() { [native code] }
setAttributeNodefunction setAttributeNode() { [native code] }
setAttributeNodeNSfunction setAttributeNodeNS() { [native code] }
setPointerCapturefunction setPointerCapture() { [native code] }
toggleAttributefunction toggleAttribute() { [native code] }
webkitMatchesSelectorfunction webkitMatchesSelector() { [native code] }
webkitRequestFullScreenfunction webkitRequestFullScreen() { [native code] }
webkitRequestFullscreenfunction webkitRequestFullscreen() { [native code] }
currentCSSZoom1
ariaColIndexTextnull
ariaRowIndexTextnull
getInnerHTMLfunction getInnerHTML() { [native code] }
setHTMLUnsafefunction setHTMLUnsafe() { [native code] }
nodeType1
nodeNameIMG
baseURIhttps://esqsoft.com/javascript-help/javascript-img-image-object
isConnectedtrue
ownerDocument[object HTMLDocument]
parentNodehttp://www.esqsoft.com/hyperlander/download_hyper2
parentElementhttp://www.esqsoft.com/hyperlander/download_hyper2
childNodes[object NodeList]
firstChildnull
lastChildnull
previousSiblingnull
nextSiblingnull
nodeValuenull
textContent
ELEMENT_NODE1
ATTRIBUTE_NODE2
TEXT_NODE3
CDATA_SECTION_NODE4
ENTITY_REFERENCE_NODE5
ENTITY_NODE6
PROCESSING_INSTRUCTION_NODE7
COMMENT_NODE8
DOCUMENT_NODE9
DOCUMENT_TYPE_NODE10
DOCUMENT_FRAGMENT_NODE11
NOTATION_NODE12
DOCUMENT_POSITION_DISCONNECTED1
DOCUMENT_POSITION_PRECEDING2
DOCUMENT_POSITION_FOLLOWING4
DOCUMENT_POSITION_CONTAINS8
DOCUMENT_POSITION_CONTAINED_BY16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC32
appendChildfunction appendChild() { [native code] }
cloneNodefunction cloneNode() { [native code] }
compareDocumentPositionfunction compareDocumentPosition() { [native code] }
containsfunction contains() { [native code] }
getRootNodefunction getRootNode() { [native code] }
hasChildNodesfunction hasChildNodes() { [native code] }
insertBeforefunction insertBefore() { [native code] }
isDefaultNamespacefunction isDefaultNamespace() { [native code] }
isEqualNodefunction isEqualNode() { [native code] }
isSameNodefunction isSameNode() { [native code] }
lookupNamespaceURIfunction lookupNamespaceURI() { [native code] }
lookupPrefixfunction lookupPrefix() { [native code] }
normalizefunction normalize() { [native code] }
removeChildfunction removeChild() { [native code] }
replaceChildfunction replaceChild() { [native code] }
addEventListenerfunction addEventListener() { [native code] }
dispatchEventfunction dispatchEvent() { [native code] }
removeEventListenerfunction removeEventListener() { [native code] }
Script: Expose (expose DOM element) -- << click here to copy code >>
More Web Stuff: Tools, How-To, Design, Games, Hosting @ http://www.esqsoft.com

PNG Image Object Properties Enumerated

IMG
PropertyValue
alt
srchttps://esqsoft.com/hyperlander/images/panel03.png
srcset
sizes
crossOriginnull
useMap
isMapfalse
width275
height600
naturalWidth0
naturalHeight0
completetrue
currentSrchttps://esqsoft.com/hyperlander/images/panel03.png
referrerPolicy
decodingauto
fetchPriorityauto
loadingauto
nameimg_png
lowsrc
align
hspace0
vspace0
longDesc
border0
x247
y1911
decodefunction decode() { [native code] }
attributionSrc
sharedStorageWritablefalse
title
lang
translatetrue
dir
hiddenfalse
inertfalse
accessKey
draggabletrue
spellchecktrue
autocapitalize
editContextnull
contentEditableinherit
enterKeyHint
isContentEditablefalse
inputMode
virtualKeyboardPolicy
offsetParent[object HTMLTableCellElement]
offsetTop1
offsetLeft1
offsetWidth275
offsetHeight600
popovernull
innerText
outerText
onbeforexrselectnull
onabortnull
onbeforeinputnull
onbeforematchnull
onbeforetogglenull
onblurnull
oncancelnull
oncanplaynull
oncanplaythroughnull
onchangenull
onclicknull
onclosenull
oncontentvisibilityautostatechangenull
oncontextlostnull
oncontextmenunull
oncontextrestorednull
oncuechangenull
ondblclicknull
ondragnull
ondragendnull
ondragenternull
ondragleavenull
ondragovernull
ondragstartnull
ondropnull
ondurationchangenull
onemptiednull
onendednull
onerrornull
onfocusnull
onformdatanull
oninputnull
oninvalidnull
onkeydownnull
onkeypressnull
onkeyupnull
onloadnull
onloadeddatanull
onloadedmetadatanull
onloadstartnull
onmousedownnull
onmouseenternull
onmouseleavenull
onmousemovenull
onmouseoutnull
onmouseovernull
onmouseupnull
onmousewheelnull
onpausenull
onplaynull
onplayingnull
onprogressnull
onratechangenull
onresetnull
onresizenull
onscrollnull
onsecuritypolicyviolationnull
onseekednull
onseekingnull
onselectnull
onslotchangenull
onstallednull
onsubmitnull
onsuspendnull
ontimeupdatenull
ontogglenull
onvolumechangenull
onwaitingnull
onwebkitanimationendnull
onwebkitanimationiterationnull
onwebkitanimationstartnull
onwebkittransitionendnull
onwheelnull
onauxclicknull
ongotpointercapturenull
onlostpointercapturenull
onpointerdownnull
onpointermovenull
onpointerrawupdatenull
onpointerupnull
onpointercancelnull
onpointerovernull
onpointeroutnull
onpointerenternull
onpointerleavenull
onselectstartnull
onselectionchangenull
onanimationendnull
onanimationiterationnull
onanimationstartnull
ontransitionrunnull
ontransitionstartnull
ontransitionendnull
ontransitioncancelnull
oncopynull
oncutnull
onpastenull
dataset[object DOMStringMap]
nonce
autofocusfalse
tabIndex-1
style[object CSSStyleDeclaration]
attributeStyleMap[object StylePropertyMap]
attachInternalsfunction attachInternals() { [native code] }
blurfunction blur() { [native code] }
clickfunction click() { [native code] }
focusfunction focus() { [native code] }
hidePopoverfunction hidePopover() { [native code] }
showPopoverfunction showPopover() { [native code] }
togglePopoverfunction togglePopover() { [native code] }
writingSuggestionstrue
onscrollendnull
onscrollsnapchangenull
onscrollsnapchangingnull
namespaceURIhttp://www.w3.org/1999/xhtml
prefixnull
localNameimg
tagNameIMG
idimg_png
className
classList
slot
attributes[object NamedNodeMap]
shadowRootnull
part
assignedSlotnull
innerHTML
outerHTML<img src="../hyperlander/images/panel03.png" id="img_png" name="img_png" width="275" height="600" border="0">
scrollTop0
scrollLeft0
scrollWidth275
scrollHeight600
clientTop0
clientLeft0
clientWidth275
clientHeight600
onbeforecopynull
onbeforecutnull
onbeforepastenull
onsearchnull
elementTiming
onfullscreenchangenull
onfullscreenerrornull
onwebkitfullscreenchangenull
onwebkitfullscreenerrornull
rolenull
ariaAtomicnull
ariaAutoCompletenull
ariaBusynull
ariaBrailleLabelnull
ariaBrailleRoleDescriptionnull
ariaCheckednull
ariaColCountnull
ariaColIndexnull
ariaColSpannull
ariaCurrentnull
ariaDescriptionnull
ariaDisablednull
ariaExpandednull
ariaHasPopupnull
ariaHiddennull
ariaInvalidnull
ariaKeyShortcutsnull
ariaLabelnull
ariaLevelnull
ariaLivenull
ariaModalnull
ariaMultiLinenull
ariaMultiSelectablenull
ariaOrientationnull
ariaPlaceholdernull
ariaPosInSetnull
ariaPressednull
ariaReadOnlynull
ariaRelevantnull
ariaRequirednull
ariaRoleDescriptionnull
ariaRowCountnull
ariaRowIndexnull
ariaRowSpannull
ariaSelectednull
ariaSetSizenull
ariaSortnull
ariaValueMaxnull
ariaValueMinnull
ariaValueNownull
ariaValueTextnull
children[object HTMLCollection]
firstElementChildnull
lastElementChildnull
childElementCount0
previousElementSiblingnull
nextElementSiblingnull
afterfunction after() { [native code] }
animatefunction animate() { [native code] }
appendfunction append() { [native code] }
attachShadowfunction attachShadow() { [native code] }
beforefunction before() { [native code] }
checkVisibilityfunction checkVisibility() { [native code] }
closestfunction closest() { [native code] }
computedStyleMapfunction computedStyleMap() { [native code] }
getAnimationsfunction getAnimations() { [native code] }
getAttributefunction getAttribute() { [native code] }
getAttributeNSfunction getAttributeNS() { [native code] }
getAttributeNamesfunction getAttributeNames() { [native code] }
getAttributeNodefunction getAttributeNode() { [native code] }
getAttributeNodeNSfunction getAttributeNodeNS() { [native code] }
getBoundingClientRectfunction getBoundingClientRect() { [native code] }
getClientRectsfunction getClientRects() { [native code] }
getElementsByClassNamefunction getElementsByClassName() { [native code] }
getElementsByTagNamefunction getElementsByTagName() { [native code] }
getElementsByTagNameNSfunction getElementsByTagNameNS() { [native code] }
getHTMLfunction getHTML() { [native code] }
hasAttributefunction hasAttribute() { [native code] }
hasAttributeNSfunction hasAttributeNS() { [native code] }
hasAttributesfunction hasAttributes() { [native code] }
hasPointerCapturefunction hasPointerCapture() { [native code] }
insertAdjacentElementfunction insertAdjacentElement() { [native code] }
insertAdjacentHTMLfunction insertAdjacentHTML() { [native code] }
insertAdjacentTextfunction insertAdjacentText() { [native code] }
matchesfunction matches() { [native code] }
prependfunction prepend() { [native code] }
querySelectorfunction querySelector() { [native code] }
querySelectorAllfunction querySelectorAll() { [native code] }
releasePointerCapturefunction releasePointerCapture() { [native code] }
removefunction remove() { [native code] }
removeAttributefunction removeAttribute() { [native code] }
removeAttributeNSfunction removeAttributeNS() { [native code] }
removeAttributeNodefunction removeAttributeNode() { [native code] }
replaceChildrenfunction replaceChildren() { [native code] }
replaceWithfunction replaceWith() { [native code] }
requestFullscreenfunction requestFullscreen() { [native code] }
requestPointerLockfunction requestPointerLock() { [native code] }
scrollfunction scroll() { [native code] }
scrollByfunction scrollBy() { [native code] }
scrollIntoViewfunction scrollIntoView() { [native code] }
scrollIntoViewIfNeededfunction scrollIntoViewIfNeeded() { [native code] }
scrollTofunction scrollTo() { [native code] }
setAttributefunction setAttribute() { [native code] }
setAttributeNSfunction setAttributeNS() { [native code] }
setAttributeNodefunction setAttributeNode() { [native code] }
setAttributeNodeNSfunction setAttributeNodeNS() { [native code] }
setPointerCapturefunction setPointerCapture() { [native code] }
toggleAttributefunction toggleAttribute() { [native code] }
webkitMatchesSelectorfunction webkitMatchesSelector() { [native code] }
webkitRequestFullScreenfunction webkitRequestFullScreen() { [native code] }
webkitRequestFullscreenfunction webkitRequestFullscreen() { [native code] }
currentCSSZoom1
ariaColIndexTextnull
ariaRowIndexTextnull
getInnerHTMLfunction getInnerHTML() { [native code] }
setHTMLUnsafefunction setHTMLUnsafe() { [native code] }
nodeType1
nodeNameIMG
baseURIhttps://esqsoft.com/javascript-help/javascript-img-image-object
isConnectedtrue
ownerDocument[object HTMLDocument]
parentNodehttp://hyperlander.tecbox.com/
parentElementhttp://hyperlander.tecbox.com/
childNodes[object NodeList]
firstChildnull
lastChildnull
previousSiblingnull
nextSiblingnull
nodeValuenull
textContent
ELEMENT_NODE1
ATTRIBUTE_NODE2
TEXT_NODE3
CDATA_SECTION_NODE4
ENTITY_REFERENCE_NODE5
ENTITY_NODE6
PROCESSING_INSTRUCTION_NODE7
COMMENT_NODE8
DOCUMENT_NODE9
DOCUMENT_TYPE_NODE10
DOCUMENT_FRAGMENT_NODE11
NOTATION_NODE12
DOCUMENT_POSITION_DISCONNECTED1
DOCUMENT_POSITION_PRECEDING2
DOCUMENT_POSITION_FOLLOWING4
DOCUMENT_POSITION_CONTAINS8
DOCUMENT_POSITION_CONTAINED_BY16
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC32
appendChildfunction appendChild() { [native code] }
cloneNodefunction cloneNode() { [native code] }
compareDocumentPositionfunction compareDocumentPosition() { [native code] }
containsfunction contains() { [native code] }
getRootNodefunction getRootNode() { [native code] }
hasChildNodesfunction hasChildNodes() { [native code] }
insertBeforefunction insertBefore() { [native code] }
isDefaultNamespacefunction isDefaultNamespace() { [native code] }
isEqualNodefunction isEqualNode() { [native code] }
isSameNodefunction isSameNode() { [native code] }
lookupNamespaceURIfunction lookupNamespaceURI() { [native code] }
lookupPrefixfunction lookupPrefix() { [native code] }
normalizefunction normalize() { [native code] }
removeChildfunction removeChild() { [native code] }
replaceChildfunction replaceChild() { [native code] }
addEventListenerfunction addEventListener() { [native code] }
dispatchEventfunction dispatchEvent() { [native code] }
removeEventListenerfunction removeEventListener() { [native code] }
Script: Expose (expose DOM element) -- << click here to copy code >>
More Web Stuff: Tools, How-To, Design, Games, Hosting @ http://www.esqsoft.com

Tip: This example uses a small script library to expose the properties and methods of a passed object. You can use it from where it lives on the web during your own development, or download it and tweak to suite your needs. View the source of expose.js for additional info. Here's an example of it's usage:

<script src="https://esqsoft.com/tools/expose.js"></script> <script>expose(img)</script>

Other Popular and Related Resources

Related Keywords: javascript, img, image, object, expose, method, DOM attributes for image object

Advertisement
Advertisement
Statcounter