Overriding !important style using Javascript

td.EvenRow a{
  display: none !important;
}

element.style.display = "inline";

element.style.display = "inline !important";

function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}

addNewStyle('td.EvenRow a {display:inline !important;}')

element.setAttribute('style', 'display:inline !important');

element.style.cssText = 'display:inline !important';

element.style.setProperty("display", "inline", "important")

element.className = null; // or your favorite replacement class