js添加代码后焦点消失,如何解决?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
window.onload=function(){
//document.getElementById('test').innerHTML='sss'; //点击再返回后“百度2”有焦点
document.getElementById('test').innerHTML='<b>sss</b>';//点击再返回后“百度2”无焦点
}
</script>
</HEAD>
<BODY>
<a href="http://www.baidu.com">百度1</a><br/>
<span id="test"></span>
<a href="http://www.baidu.com">百度2</a><br/>
</BODY>
</HTML>
如何添加加粗字体代码后,焦点不转移或不消失,求解? 先谢谢各位了!