使用 Javascript｜jQuery 删除特定的内联样式

发布于11月02日

我的html中有以下代码:

<p id='foo' style='text-align:center; font-size:14pt; font-family:verdana; color:red'>hello world</p>

and that in my external css:

#foo{ font-size:11pt; font-family:arial; color:#000; }

我想删除style atribute中的所有font-size和font-family，但不删除外部css中的color和其他设置.

Result expected:

<p id='foo' style='text-align:center; color:red'>hello world</p>

100

$('#foo').removeAttr('style');   // That removes all inline
$('#foo').css('font-family',''); // That remove the css setted too

推荐答案

对于那些不使用jQuery的用户，可以使用native removeProperty方法从内联样式中删除特定样式.例子:

elem.style.removeProperty('font-family');

当然，IE<；9不支持此功能，因此您必须使用

elem.style.removeAttribute('font-family');

因此，跨浏览器的方法是:

if (elem.style.removeProperty) {
    elem.style.removeProperty('font-family');
} else {
    elem.style.removeAttribute('font-family');
}

实用课程推荐