更改<a>标签的文本内容

假设a中的结构是如下所示
<div >
  <a id='a'>
     AAAAA
     <span > BBBBB</span>
  </a>
</div>
当想要更改<a>中的内容时，如果采用jquery 的  $(a).text('文本’)   则文本更改了，当span会被删除
解决方法 ：
 var a  = document.getElementById('a');
a.childNodes[0].data = 'CCCCC'   ;   修改成功，则此时 a中的AAAAA 被修改为 CCCCC ,且span不会被删除。