检查是否<font> html标签有颜色并添加标签| js | JQ

Question

我有这样的HTML：

<font color="#ff0000">מתחנת חוף הכרמל</font> 

我要检查它是否具有color风格，如果是这样我想一个label添加到它。这是我试图做的没有成功：

if ($("font").css('color') == '#ff0000') { 
    $("font").attr('role':'heading'); 
} else { 
    console.log('not working'); 
} 

有什么建议吗？如果可能的话，纯JS也可能会很棒。

Answer 1

试试这个：

<font style="color:#ff0000;">מתחנת חוף הכרמל</font> 

var col = document.getElementsByTagName('font')[0].style.color; 
if(col=='rgb\(255, 0, 0\)') { 
    document.getElementsByTagName('font')[0].setAttribute('role','heading'); 
} else { 
    console.log('do stuff...'); 
} 

检查捣鼓它：https://jsfiddle.net/r2sb0hjn/