Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mendapatkan URL Imej Latar Belakang daripada Elemen Div Menggunakan JavaScript?
Bagaimana untuk Mendapatkan URL Imej Latar Belakang daripada Elemen Div Menggunakan JavaScript?
- Patricia Arquetteasal
- 2024-12-15 09:23:11383semak imbas
Cara Mengekstrak URL Imej Latar Belakang Elemen Menggunakan JavaScript
Dalam JavaScript, adalah mungkin untuk mendapatkan semula URL imej latar belakang yang ditetapkan pada sesuatu unsur secara dinamik. Begini caranya:
S: Bagaimanakah saya boleh mendapatkan URL imej latar belakang bagi
Bagaimana cara saya mendapatkan semula URL imej latar belakang?
J: Untuk mendapatkan semula URL imej latar belakang, anda boleh gunakan kod berikut:
var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");
Jom pecahkan bawah:
- Dapatkan id elemen dan gaya semasa atau gaya pengiraannya.
- Akses sifat backgroundImage.
- Potong rentetan untuk mengalih keluar "url(" dan aksara ")".
- Gunakan ganti untuk menyingkirkan sebarang petikan berganda dalam URL.
Kini, bi akan mengandungi hanya URL imej latar belakang.
Contohnya:
// 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);
Ini akan mengeluarkan URL latar belakang imej ke konsol.
Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan URL Imej Latar Belakang daripada Elemen Div Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!