Image src-eigenschap

HTML DOM Image object

Definitie en gebruik

src Eigenschap instellen of teruggeven van het beeld van src-eigenschap waarde.

Verplicht src-eigenschap Stelt de URL van het beeld vast.

Tip:U kunt de src-eigenschap op elk moment wijzigen. Als er geen nieuwe hoogte- en breedte-eigenschappen worden opgegeven, neemt het nieuwe beeld de hoogte- en breedte-eigenschappen van het oorspronkelijke beeld over.

Voorbeeld

Voorbeeld 1

Wijzig de URL van het beeld:

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

Probeer het zelf

Voorbeeld 2

Geef de URL van het beeld terug:

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

Probeer het zelf

Syntaxis

Geef de src-eigenschap terug:

imageObject.src

Stel de src-eigenschap in:

imageObject.src = URL

Waarde van het attribuut

Waarde Beschrijving
URL

Stelt de URL van het beeld vast.

Mogelijke waarden:

  • Absoluut URL - verwijst naar een andere website (zoals src="http://www.example.com/default.htmls")
  • Relative URL - refers to files within the website (such as src="default.html"))

Technical details

Return value: String value, representing the URL of the image. Returns the entire URL, including the protocol (such as http://).

Browser support

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

Related pages

HTML reference manual:HTML <img> src attribute

HTML DOM Image object