首頁 >web前端 >js教程 >如何使用 jQuery 或 Vanilla JavaScript 有效管理 SVG 元素類別?

如何使用 jQuery 或 Vanilla JavaScript 有效管理 SVG 元素類別?

Susan Sarandon
Susan Sarandon原創
2024-12-20 15:44:10737瀏覽

How Can I Effectively Manage SVG Element Classes with jQuery or Vanilla JavaScript?

jQuery SVG 元素類別操作疑難排解

使用 jQuery SVG 時,新增或移除物件類別可能具有挑戰性。若要修正此問題:

  • 升級到 jQuery 3 或更高版本以修復最新版本。

  • 對於普通JavaScript,請使用element .classList.add('newclass') 用於新增現代類,element.classList.remove('newclass') 用於刪除現代類別

    // 新增類別<p>$("#item").attr("class", "oldclass newclass");<br><br>//刪除類別</p>$("#item").attr("class", "oldclass");<p></p>


    如果jQuery 不是依賴項:

    //新增class<p>document.getElementById("item").setAttribute("class", "oldclass newclass");<br><br>// 移除類別</p>document.getElementById("item").setAttribute (" class", "oldclass");<p></p>

以上是如何使用 jQuery 或 Vanilla JavaScript 有效管理 SVG 元素類別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn