删除特定的内联元素

Question

如何删除JS添加的特定内联样式。我一直在研究这个样本。不幸的是仍然不成功。

<a id="mylink" style="color:red; font-weight:bold" 
href="http://www.website.com">go to somesite.com</a>

我的要求，我想用jquery删除'font-weight：bold'。

<script>
function myFunction() {
    document.getElementById("mylink").style.removeAttribute('font-weight:bold'); 
}

Answer 1

removeAttribute不起作用，因为font-weight: bold是一种风格，而不是一种属性。要删除/取消设置，我建议使用CSSStyleDeclaration.removeProperty()：

document.getElementById("mylink").style.removeProperty("font-weight")

Answer 2

document.getElementById('mylink').style.fontWeight = "100"

Answer 3

0
投票

使用jquery：

$('#mylink').css('font-weight','');