Wie kann ich mit JavaScript eine Hintergrundbild-URL erhalten?

1. Den Stil des Elements abrufen:

   • Verwenden Sie document.getElementById() um das Element anhand seiner ID auszuwählen, z. B. var img = document.getElementById('myDiv');.

2. Zugriff auf berechnetes Styling:

   • Verwenden Sie window.getComputedStyle() oder für ältere Browser img.currentStyle, um darauf zuzugreifen der tatsächliche, kaskadierte Stil des Elements.

3. Extrahieren Sie die URL:

   • Isolieren Sie aus dem berechneten Stil die Eigenschaft „backgroundImage“. .

4. Scheiben und Trimmen:

   • Entfernen Sie die führenden URL-Zeichen („und nachgestellten“), die nicht Teil der URL sind.

5. Unescape-Anführungszeichen:

   • Ersetzen Sie bei Bedarf alle maskierten doppelten Anführungszeichen (") mit tatsächlichen doppelten Anführungszeichen (").

Hier ist ein Beispiel-JavaScript-Code zur Implementierung dieses Prozesses:

var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

console.log('Background image URL:', bi);

Dieser Code ruft den Hintergrund ab Bild-URL des Elements mit der ID your_div_id und protokolliert es in der Konsole.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript eine Hintergrundbild-URL erhalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!