Как изменить класс html с помощью Javascript?

Question

Я хотел бы изменить класс HTML с JavaScript

HTML

<i id="test" class="fa"> 

Как я могу сделать это очень просто?

Answer 1

Попробуйте использовать это в JavaScript:

$("#test").removeClass("fa"); 
$("#test").addClass("newClass"); 

Answer 2

Попробуйте это:

использование .className добавить, а также получить имя класса конкретного элемента.

document.getElementById('test').className = "fa"; 

Answer 3

Помимо className собственности, вы можете также использовать гораздо более сложные classList собственности и его методы:

var ele = document.getElementById('test'); 
ele.classList.remove('fa'); 
ele.classList.add('ba'); 

Вы можете также toggle() классы (с дополнительными условиями!), И, следовательно, легко обойтись без jQuery's toggleClass() и другие его методы, связанные с классом (как показано в downvoted, accepted answer).