How to receive a title(title) from an image to the value of a variable?

Question

I was trying to do it that way:

var imagens = document.getElementsByTagName('img');

After I print this image, it doesn’t work, it prints [object HTMLCollection].

Answer 1

This happens because the method getElementsByTagName() returns a collection of DOM elements. You have to access, in this collection, the desired element and then its attribute title:

// Por ex, pegando o título da primeira imagem
imagens[0].title

Fiddle

This way, unlike the accepted answer, you can iterate on the collection:

for (var i = 0; i < imagens.length; i++) {
}

But to access only one image, the accepted answer is the most correct.

Answer 2

You can get the title (title) so much for the id (ID), as by name (NAME) image, thus avoiding error if there are multiple images in the script, or inclusion of images above it. What would change if used imagens[0].title; For the [0] indicates that it is the first.

define an id in the image. Ex.: <img src="imagem.jpg" id="imagem1" title="Meu titulo"/>

Script

var ConteudoTitulo = document.getElementById('imagem1').getAttribute("title");

This way, even if you add new images and/or change the positions, you don’t need to change the script.

Following is a code template to see how it works: https://jsfiddle.net/cp1dchds/

To use in older browsers, the recommended would be to use the native method:

var ConteudoTitulo = document.getElementById('imagem1').title;