Olá, preciso de uma ajuda. Gostaria de saber como pegar valores de uma tag html usando javascript.
como por exemplo: pegar o valor marginLeft de uma imagem que foi determinado por um arquivo css.
espero ter sido claro, obrigado...
Para ir buscar propriedades css ao ficheiro de stylesheets (*.css):
var myImg = document.getElementById("my-img");
var marLeft = getComputedStyle(myImg).getPropertyValue("margin-left");
alert(marLeft);
#my-img {
margin-left: 20px;
}
<img id="my-img" src="https://laravel.com/assets/img/laravel-logo.png">
Nota que getComputedStyle() serve para ir buscar o estilo do elemento ao ficheiro css externo (ficheiro de stylesheets). Aqui uma tem comparação entre os metodos:
var myImg = document.getElementById("my-img");
var marLeft = getComputedStyle(myImg).getPropertyValue("margin-left");
var marTop = myImg.style.marginTop;
alert('margin left (ficheiro externo): ' +marLeft);
alert('margin top (inline): ' +marTop)
#my-img {
margin-left: 20px;
}
<img id="my-img" style="margin-top:34px;" src="https://laravel.com/assets/img/laravel-logo.png">
$("#id-elemento").css("margin-left");