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

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

Susan Sarandon
發布: 2024-12-20 15:44:10
原創
839 人瀏覽過

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
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板