Die schreibgeschützte Eigenschaft HTMLImageElement currentSrc gibt die URL des Bildes an, das derzeit im <img>-Element dargestellt wird, das es repräsentiert.
Ein String, der die vollständige URL des Bildes angibt, das aktuell im durch das HTMLImageElement repräsentierten <img>-Element sichtbar ist. Dies ist nützlich, wenn Sie mehrere Bildoptionen mit den Eigenschaften sizes und/oder HTMLImageElement.srcset bereitstellen. currentSrc ermöglicht es Ihnen zu bestimmen, welches Bild aus der bereitgestellten Menge von Bildern vom Browser ausgewählt wurde.
In diesem Beispiel werden zwei verschiedene GröÃen für ein Bild einer Uhr bereitgestellt. Eine ist 200px breit und die andere ist 400px breit. Das sizes-Attribut wird bereitgestellt, um anzugeben, dass das Bild bei einer Breite von 50 % des Dokuments gezeichnet werden soll, wenn der Viewport weniger als 400px breit ist; andernfalls wird das Bild bei 90 % der Breite des Dokuments gezeichnet.
<img
src="/en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png"
alt="Clock"
srcset="
/en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-200px.png 200w,
/en-US/docs/Web/HTML/Reference/Elements/img/clock-demo-400px.png 400w
"
sizes="(width <= 400px) 50%, 90%" />
const clockImage = document.querySelector("img");
const p = document.createElement("p");
p.textContent = clockImage.currentSrc.endsWith("200px.png")
? "Using the 200px image!"
: "Using the 400px image.";
document.body.appendChild(p);
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4