Bagaimanakah Saya Boleh Mengurus Kelas Elemen SVG dengan Berkesan dengan JavaScript jQuery atau Vanila?

Menyelesaikan masalah Manipulasi Kelas Elemen SVG jQuery

Apabila bekerja dengan jQuery SVG, menambah atau mengalih keluar kelas pada objek boleh menjadi mencabar. Untuk membetulkan isu ini:

• Naik taraf kepada jQuery 3 atau lebih baharu untuk pembetulan dalam versi terkini.


• Untuk JavaScript vanila, gunakan elemen .classList.add('newclass') untuk menambah dan element.classList.remove('newclass') untuk mengalih keluar kelas dalam penyemak imbas moden.

Sebagai alternatif, menggunakan .attr() secara langsung berfungsi dengan elemen SVG:

// Tambah kelas
$("#item").attr("class", "oldclass newclass");

// Alih keluar kelas
$("#item").attr("class", "oldclass");

Jika jQuery bukan kebergantungan:

// Tambah class
document.getElementById("item").setAttribute("class", "oldclass newclass");

// Alih keluar kelas
document.getElementById("item").setAttribute(" kelas", "oldclass");

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengurus Kelas Elemen SVG dengan Berkesan dengan JavaScript jQuery atau Vanila?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!