请教如何获取span标签中的html元素的值

请问怎么获取span标签中的html元素的值？
比如<span id="sp1"><font id="f1">test</font></span>这个语句，使用
document.getElementById("sp1").innerHTML后获取的值是<font id="f1">test</font>，
请问怎么样才能将<font id="f1">test</font>的值test取出来呢？

[解决办法]

HTML code

<span id="sp1"><font id="f1">test</font></span><script>alert(document.getElementById("f1").innerHTML);</script>