javascript - アンカータグのinnerHTMLが変化しない

Question

innerHTMLアンカーテキストの を変更しようとしていますが、変更されません....

HTML:

<div style="float:right;">
    <a id="grabLinkAll" onClick="showAll()" href="#">show all</a>
</div>

JavaScript:

function showAll() {
    var theDropPosition = document.getElementById('grabLinkAll');
    if (theDropPosition.innerHTML == "show all") {
        theDropPosition.innerHTML == "hide all";
    } else {
        theDropPosition.innerHTML == "show all";
    }
}