檢查是否<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/