Bagaimana untuk Mendapatkan URL Imej Latar Belakang Elemen Div Menggunakan JavaScript?

Dapatkan URL Imej Latar Belakang Elemen Menggunakan JavaScript

Soalan: Bagaimanakah anda boleh mendapatkan semula URL latar belakang imej yang diberikan kepada <div> elemen menggunakan JavaScript? Sebagai contoh, diberikan kod HTML berikut:

<div>

Bagaimanakah anda mengekstrak hanya URL imej latar belakang?

Jawapan: Untuk mencapai ini, ikuti ini langkah:

1. Kenalpasti Elemen: Dapatkan rujukan kepada <div> elemen dengan ID uniknya menggunakan document.getElementById('id_div_anda').
2. Dapatkan Gaya Dikira: Gunakan sifat currentStyle atau window.getComputedStyle() untuk mendapatkan penggayaan pengiraan bagi yang dikenal pasti elemen.
3. Ekstrak Imej Latar Belakang URL: Akses sifat backgroundImage daripada gaya yang dikira. URL biasanya disertakan dalam kurungan, jadi slice(4, -1) digunakan untuk mengalih keluar aksara yang tidak diingini. Selain itu, sebarang petikan berganda dalam URL digantikan menggunakan replace(/"/g, "").

Coretan kod berikut menggambarkan pendekatan ini:

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

Dengan menggunakan kaedah ini, anda boleh mendapatkan semula dan menggunakan URL yang dikaitkan dengan imej latar belakang elemen tertentu dalam JavaScript dengan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan URL Imej Latar Belakang Elemen Div Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!