Ändern Sie das Symbol mit Javascript

Question

In meinem Vorstoß in Web-Entwicklung habe ich ein neues Problem gefunden, muss ich das Symbol für ein anderes ändern, wenn ich darauf klicke. Ich habe eine Idee von einer Funktion in Javascript, die die ID des Symbols sendet und mit dem Element erhalten, nachdem er Element erhalten habe ich hoffe, keyboard_arrow_up von keyboard_arrow_down zu ändern. Aber das ist der Teil, der nicht ausgeführt wird, wie bekomme ich den Wert keyboard_arrow_up?

<i id="icon1" onclick="change('icon1')" class="material-icons">keyboard_arrow_up</i> 

function change(iconID) { 
var item =document.getElementById(iconID); 
if (item) {} 
} 

Answer 1

Klingt wie, müssen Sie diese Art von Funktion

function changeIcon(classname or id) { 
    $("i", this).toggleClass("icon-circle-arrow-up icon-circle-arrow-down"); 
} 

Hinweis: Die Symbole in obiger Lösung werden aus dem Internet kopiert, bitte dort Ihren Wunsch Symbole verwenden.

Answer 2

Remember Icons sind nur CSS-Klasse, also sollte die Funktion die Klasse für einen anderen auf der JavaScript-Funktion ändern.

Answer 3

Dies ist die temporäre Lösung, ich musste die Symbole von Google Design-Material durch die fontawesome Symbole ändern. Ich werde jedoch weiter nachforschen.

<i id="icon1" onclick="change('icon1')" class="fa fa-chevron-up" aria hidden="true"> 

function change (iconID){ 
if(document.getElementById(iconID).className=="fa fa-chevron-up"){ 
document.getElementById(iconID).className = "fa fa-chevron-down"; 
}else{ 
document.getElementById(iconID).className = "fa fa-chevron-up"; 
} 
}