Javascript : obtenir<img> src et défini comme variable ?

Question

Si l'image ci-dessous est présente

 <img id="youtubeimg" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg"/>

et le script est

 <script>
var youtubeimgsrc = "something here"

document.write(''+youtubeimgsrc+'')
</script>

et le résultat devrait être http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg

que puis-je faire pour obtenir la source de l'image et la définir comme variable.

Answer 1

Que diriez-vous de ceci par exemple :

 var youtubeimgsrc = document.getElementById("youtubeimg").getAttribute('src');

Answer 2

Si vous n'avez pas d'identifiant sur l'image mais que vous avez un div parent, c'est aussi une technique que vous pouvez utiliser.

 <div id="myDiv"><img src="http://www.example.com/image.png"></div>

var myVar = document.querySelectorAll('#myDiv img')[0].src

Answer 3

dans cette situation, vous saisiriez l'élément par son identifiant en utilisant getElementById , puis utiliseriez simplement .src

 var youtubeimgsrc = document.getElementById("youtubeimg").src;

Answer 4

var youtubeimgsrc = document.getElementById('youtubeimg').src;
document.write(youtubeimgsrc);

Voici un violon pour vous http://jsfiddle.net/cruxst/dvrEN/