弹簧规格大全:能帮我修改下这段JS代码吗？

<script language="JavaScript">
function fontchuli(){
if ((document.selection)&&(document.selection.type == "Text")) {
var range = document.selection.createRange();
var ch_text=range.text;

document.getElementById("content").range.text.innerHTML=fontbegin+document.getElementById("content").range.text.

innerHTML+fontend;
document.getElementById("content").focus();
}
else {

document.getElementById("content").innerHTML=fontbegin+document.getElementById("content").innerHTML+fontend;
document.getElementById("content").focus();
}
}

function showsize(size){
fontbegin="<font size='"+size+"'>";
fontend="</font>";
fontchuli();
}
</script>
<select name="size" onChange="showsize(this.options[this.selectedIndex].value)" class="BODY"><option

selected>字号</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<input type="submit" value="提交">
document.content.value=fontbegin+document.content.value+fontend;
document.content.focus();
<div contentEditable=true id=content name='content' class='editor-content'></div>

我想选上一段div中的文字，点下拉菜单的字号，所选文字就即时变成相应大小字号。做到一种可视化操作的效果，但我不知道上面JS代码中的：
var range = document.selection.createRange();
var ch_text=range.text;

document.getElementById("content").range.text.innerHTML=fontbegin+document.getElementById("content").range.text.

innerHTML+fontend;
document.getElementById("content").focus();
这段获取被选内容的innerHTML如何表达。
请高手指点下，谢谢！！！！