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>
如何添加加粗字体代码后，焦点不转移或不消失，求解？ 先谢谢各位了！

解决方案 »

  1.   

    这样的细节你都发现了，牛！用样式吧：
    <!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" style="font-weight: bold"></span>
      <a href="http://www.baidu.com">百度2</a><br/> </BODY>
    </HTML>
      

  2.   

    这样会把span层里所有的字体都变成粗体，
    对于  <b>sss</b>aaa  这样的效果怎么发挥作用呢？
      

  3.   

    没看懂楼主意思,但是,可以用document.getElementById("xx").fucus()方法来设置获得焦点.
      

  4.   

    4楼的可以把，用focus（）方法可以获得焦点啊。