Как получить свойство объекта Image в js?

Question

[rusline]

Как получить все свойства определенного объекта Image. Есть много изображение на сайте
В документации я нашел только вот этот момент document.images["myImage"]. Там только много информации в интернете как определять свойство, а мне нужно получить все свойства объекта
Как это примерно сделать?

Answer 1

[Stalker_RED]

Получить все img из документа:
document.querySelectorAll('img')

Перебрать их (forEach, map, filter - что я вам больше подходит)

Вытащить нужные свойства как-то так:

let images = [].slice.call(document.querySelectorAll('img'))
images.forEach((img, i)=>{
  console.log(
    'image #' + i,
    ' width=' + img.width,
    ' height=' + img.height,
    ' src=' + img.src
  )
})

Демо: https://jsfiddle.net/j5jjqraj/

Если вам нужны ВСЕ свойства, то их тоже можно перебрать циклом.

let img = document.querySelector('img')

for(let propertyName in img) {
	let value = img[propertyName]
  console.log(propertyName, ':', value)
}

Демо: https://jsfiddle.net/vx39wfzh/

Answer 2

[Виталий Разумовский]

var p = document.getElementById("идентификатор картинки, тобишь ид");
p.ваше свойство , например p.id или p.value или p.width
например
код в html
<img src="адрес" id="image">
код js

var p = document.getElementById("image");
alert("image width= "+p.width);

попробуйте так