如何使用jQuery移除JS添加的特定内联样式font-weight:bold

你遇到的核心问题是用错了操作内联样式的方法——style.removeAttribute()是用来移除元素的整个属性（比如把整个style属性删掉），而不是单独移除某一条CSS样式声明。下面给你两种可行的解决方案，分别是原生JS和jQuery版本：

原生JavaScript解决方案 #

你可以通过DOM元素的style对象直接操作单个样式，有两种写法可选：

方法1：直接设置样式为空字符串 #

function myFunction() {
  document.getElementById("mylink").style.fontWeight = "";
}

注意：CSS属性名在JS的style对象里要写成驼峰式（比如font-weight对应fontWeight），设置为空字符串就会移除这条样式。

方法2：使用removeProperty()方法 #

如果更习惯用CSS原生的横线命名法，可以用这个方法：

function myFunction() {
  document.getElementById("mylink").style.removeProperty('font-weight');
}

jQuery解决方案 #

如果想用jQuery实现，直接用.css()方法把目标样式设为空字符串即可，它会自动处理样式的精准移除：

function myFunction() {
  $("#mylink").css('font-weight', '');
}

以上几种方法都能精准移除font-weight:bold这条样式，同时保留color:red的样式不变，你可以根据自己的技术栈选择使用。

内容的提问来源于stack exchange，提问作者Gops