Comment obtenir l'URL de l'image d'arrière-plan d'un élément Div à l'aide de JavaScript ?

Obtenir l'URL de l'image d'arrière-plan d'un élément à l'aide de JavaScript

Question : Comment récupérer l'URL de l'arrière-plan image attribuée à un

élément utilisant JavaScript ? Par exemple, étant donné le code HTML suivant :

<div>
<p>Comment extrayez-vous uniquement l'URL de l'image d'arrière-plan ?</p>
<p><strong>Réponse :</strong> Pour ce faire, suivez ces étapes :</p>
<ol><li>
<strong>Identifier l'élément :</strong> Obtenir une référence au <div> élément par son ID unique à l'aide de document.getElementById('your_div_id').<li>
<strong>Récupérez le style calculé :</strong> Utilisez la propriété currentStyle ou window.getComputedStyle() pour récupérer le style calculé de l'élément identifié element.</li>
<li>
<strong>Extraire l'URL de l'image d'arrière-plan :</strong> Accédez à la propriété backgroundImage à partir du fichier calculé. style. L'URL est généralement placée entre parenthèses, donc slice(4, -1) est utilisé pour supprimer les caractères indésirables. De plus, tous les guillemets doubles dans l'URL sont remplacés à l'aide de replace(/"/g, "").</li>
<p>L'extrait de code suivant illustre cette approche :</p>
<pre class="brush:php;toolbar:false">var img = document.getElementById('your_div_id'),
    style = img.currentStyle || window.getComputedStyle(img, false),
    bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

En employant Cette méthode, vous pouvez récupérer et utiliser efficacement l'URL associée à l'image d'arrière-plan d'un élément spécifique en JavaScript.