请教如何获取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>