Heim >Web-Frontend >CSS-Tutorial >Wie erhalte ich mithilfe von JavaScript eine Hintergrundbild-URL von einem Div-Element?
Wie erhalte ich mithilfe von JavaScript eine Hintergrundbild-URL von einem Div-Element?
- Patricia ArquetteOriginal
- 2024-12-15 09:23:11384Durchsuche
So extrahieren Sie die Hintergrundbild-URL eines Elements mit JavaScript
In JavaScript ist es möglich, die URL eines eingestellten Hintergrundbilds abzurufen ein Element dynamisch. So geht's:
F: Wie kann ich die Hintergrundbild-URL eines
Wie rufe ich die URL des Hintergrundbilds ab?
A: Um die URL des Hintergrundbilds abzurufen, müssen Sie kann den folgenden Code verwenden:
var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
Lassen Sie es uns aufschlüsseln:
- Ermitteln Sie die Elemente id und sein aktueller Stil oder berechneter Stil.
- Greifen Sie auf die Eigenschaft „backgroundImage“ zu.
- Schneiden Sie die Zeichenfolge auf, um die Zeichen „url(“ und „)“ zu entfernen.
- Verwenden Sie Ersetzen um alle doppelten Anführungszeichen in der URL zu entfernen.
Bi enthält jetzt nur noch die URL des Hintergrunds Bild.
Zum Beispiel:
// Get the URL from an element with id "testdiv"
var img = document.getElementById('testdiv');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
// Display the URL
console.log('Image URL: ' + bi);
Dadurch wird die URL des Hintergrundbilds an die Konsole ausgegeben.
Das obige ist der detaillierte Inhalt vonWie erhalte ich mithilfe von JavaScript eine Hintergrundbild-URL von einem Div-Element?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!