Attribut src de l'image

Objet Image du DOM HTML

Définition et utilisation

src Définir ou retourner l'image via Attribut src valeur.

Obligatoire Attribut src Définit l'URL de l'image.

Astuce :Vous pouvez à tout moment modifier l'attribut src. Cependant, si les nouvelles valeurs de hauteur et de largeur ne sont pas spécifiées, la nouvelle image héritera des attributs de hauteur et de largeur de l'image originale.

Exemple

Exemple 1

Changer l'URL de l'image :

document.getElementById("myImg").src = "wuhan.jpg";

Essayez-le vous-même

Exemple 2

Retourner l'URL de l'image :

var x = document.getElementById("myImg").src;

Essayez-le vous-même

Syntaxe

Retourner l'attribut src :

imageObject.src

Définir l'attribut src :

imageObject.src = URL

Valeur de l'attribut

Valeur Description
URL

Définit l'URL de l'image.

Valeurs possibles :

  • URL absolu - pointe vers un autre site (par exemple src="http://www.example.com/default.htmls")
  • URL relative - pointant vers un fichier dans le site (par exemple src="default.html"))

Détails techniques

Valeur de retour : Valeur en chaîne, indiquant l'URL de l'image. Retourne l'URL complète, y compris le protocole (par exemple http://).

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Pages associées

Manuel de référence HTML :Attribut src de l'élément <img> HTML

Objet Image du DOM HTML