Работа со шрифтами

[Красотка]

Помогите, пожалуйста, коллеги!
Уже который день бьюсь над этой задачей :
Вывести список всех свойств указанного при вводе объекта в виде горизонтальной или вертикальной таблиц в документе различными шрифтами, зависящими от номера элемента в списке

<script language="JavaScript">
<!--
function write_data()
{
var result = window.parent.fr3.document.Form1.n1.value;
alert("1. " + result);
result = eval (result)
alert("2. " + result);
window.parent.fr2.fr22.document.writeln("<table cellpading=4 border=1>" + "<tr>"+
"<td align=middle>"+"<b>" + result +"</b></td></tr>");
for (i in result)
{
window.parent.fr2.fr22.document.writeln ("<tr><td>"+i+"<br></td>");
}
window.parent.fr2.fr22.document.writeln ("</tr></table>");
}
//-->
</script>

Не понимаю как реализовать вывод различными шрифтами, зависящими от размера элемента в списке.

[exec]

<div id="c"></div>

<script type="text/javascript">

var obj = {a: 'a', b: 'b', c: 'c'}
qqq = 8;
for (var i in obj) {
qqq += 3;
document.getElementById('c').innerHTML += '<span style="font-size: ' + qqq + 'pt">' +obj[i] + '</span>';
}

</script>

[Красотка]

НЕ работает

[exec]

Работает, проверял в Opera, IE и Firefox.

javascript:obj={a:'a',b:'b',c:'c'};p=8;for(var i in obj){p+=3;document.body.innerHTML+='<span style="font-size:'+p+'pt">'+obj[i]+'</span>';}

Вводим в адресную строку и смотрим в самый низ страницы.