Search code examples
javascriptjqueryattributesfont-awesome

How to change/switching between fa,far,fad or fas of font-awesome using javascript/jquery

How to change data-prefix's value

How we can change data-prefix's value after add fa,far,fad or fas to class from fontawesome.min.css using javascript or jquery. Because, when we add fas,far or fa... we specify data-prefix's value. so to change fa,fas or fad... we can't change it from class.

Solution

  • It's ok, I made it !

    HTML :

    <i id='#element' class='far fa-heart'></i>

    JQUERY :

      // let change 'far' value to 'fas'
   $("#element").attr("data-prefix","fas");

    JAVASCRIPT :

    document.getElementById("element").setAttribute("data-prefix","fas");