在div中獲取字體和標題標籤

Question

我有一個div有子標籤。我想獲得所有標題和字體標籤樣式

<div id="headline"> 
<h2 style="text-align: center;"> 
<font color="#33ffcc" style="font-weight: normal;" size="5">Expansion Pack</font></h2> 
</div> 

我如何獲得標題樣式字體顏色，樣式和大小。航向可H1，H2，H3等和字體標籤可以像

<font style="font-weight: normal;" size="5">Expansion Pack</font> 
    <font style="font-weight: normal;">Expansion Pack</font> 

我試圖使用jQuery

var text_align = $('#headline').css('text-align'); 

但我正在逐漸start作爲結果。

任何人都可以幫助我解決這個問題。

Answer 1

alert('Header Tag: '+$('#headline :header').prop('tagName')); 
alert('Header Tag text-align: '+$('#headline :header').css('text-align')); 
alert('FONT Tag font-weight: '+$('#headline :header font').css('font-weight')); 
alert('FONT Tag font-size: '+$('#headline :header font').css('font-size')); 
alert('FONT Tag color: '+$('#headline :header font').css('color')); 
alert('FONT Tag attr size: '+$('#headline :header font').attr('size')); 

DEMO HERE