Отключить тег Anchor и удалить подчеркивание также в JavaScript

Question

У меня есть тег привязки, который я хотел бы отключить или включить в зависимости от некоторых условий. Я могу добиться этого, используя следующую функцию:

function disableEnableAnchor(obj, disable) {
    if(disable) {
        var href = obj.getAttribute("href");
        if(href && href != "" && href != null)
            obj.setAttribute('href_bak', href);
        obj.removeAttribute('href');        
    } else {
        var href_bak = obj.attributes['href_bak'].nodeValue;        
        obj.setAttribute('href', href_bak);
    }
}

Но я не могу удалить подчеркивание, когда якорь находится в отключенном состоянии. Как я могу добиться этого внутри этой функции?

Answer 1

obj.style.textDecoration = "none"

Answer 2

Возможно, вы захотите заменить якорь пролетом.

Answer 3

Это звучит как проблема с таблицей стилей. Есть ли что-то вроде

a {
    text-decoration: underline;
}

в файле CSS, который применяется к странице?

Если заменить его следующим CSS, теги <a> будут подчеркнуты, только если они имеют атрибут href.

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: underline;
}

Answer 4

Используйте это на HTML:

<a href="mylink" style="text-decoration