在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