如何用JS 给<SPAN ID=_Dataacom_school class=VIEWBOX >Cambridge University加个超链接

Question

<SPAN ID=_Captacom_school class=VIEWBOXCAPTION>就读学校:</SPAN>
<br>
<SPAN ID=_Dataacom_school class=VIEWBOX >
Cambridge University
<input type=hidden name=_HIDDENacom_school value="6503">
<input type="hidden" name="_HIDDENacom_schoolTEXT" id="_HIDDENacom_schoolTEXT" value="Cambridge University">
<input type="hidden" name="_HIDDENSearchFieldacom_school" id="_HIDDENSearchFieldacom_school" value="acom_school">
</SPAN>
怎样把上面的代码变成这样 :
<SPAN ID=_Captacom_school class=VIEWBOXCAPTION>就读学校:</SPAN>
<br>
<SPAN ID=_Dataacom_school class=VIEWBOX >
<a href="http://www.baidu.com">Cambridge University</a>
<input type=hidden name=_HIDDENacom_school value="6503">
<input type="hidden" name="_HIDDENacom_schoolTEXT" id="_HIDDENacom_schoolTEXT" value="Cambridge University">
<input type="hidden" name="_HIDDENSearchFieldacom_school" id="_HIDDENSearchFieldacom_school" value="acom_school">
</SPAN>就是怎样在"Cambridge University"加个超链接?谢谢
要求:用JS完成.

Answer 1

<script>
function addlink(){
  document.getElementById("_Dataacom_school").innerHTML="<a href='http://www.baidu.com'>Cambridge University</a>"
}
</script>
<SPAN ID=_Captacom_school class=VIEWBOXCAPTION onmousemove='javascript:addlink()'>就读学校:</SPAN>
<br><!--当然，你完全可以在其他控件或其他事件中做上述工作-->
<SPAN ID=_Dataacom_school class=VIEWBOX >
Cambridge University
<input type=hidden name=_HIDDENacom_school value="6503">
<input type="hidden" name="_HIDDENacom_schoolTEXT" id="_HIDDENacom_schoolTEXT" value="Cambridge University">
<input type="hidden" name="_HIDDENSearchFieldacom_school" id="_HIDDENSearchFieldacom_school" value="acom_school">
</SPAN>

Answer 2

应该是如下，试看...
<script language="javascript" type="text/javascript">
function addLink(id,str,url)
{
//Description: id ：包含str的对象ID号；str为要替换的字符串；url为增加的连接地址var o=document.getElementById(id);
var v=o.innerHTML;
var rp=str;
var u=url;
o.innerHTML=v.replace(rp,"<a href="+u+">"+rp+"</a>")
}
</script>可以在适当的地方使用该函数，参数根据自己的需要修改，比较灵活

Answer 3

没明白意思，你不是加上去了么？如果是span你可以获取它，然后给它绑定onclick事件，然后用window.open也可以实现超链接的效果。

Answer 4

楼上的几位应该会把span里其余的标签都给写没了..
看下这个<SPAN ID=_Captacom_school class=VIEWBOXCAPTION>就读学校:</SPAN>
<br>
<SPAN ID=_Dataacom_school class=VIEWBOX >
Cambridge University
<input type=hidden name=_HIDDENacom_school value="6503">
<input type="hidden" name="_HIDDENacom_schoolTEXT" id="_HIDDENacom_schoolTEXT" value="Cambridge University">
<input type="hidden" name="_HIDDENSearchFieldacom_school" id="_HIDDENSearchFieldacom_school" value="acom_school">
</SPAN>
<script type="text/javascript">
<!--
String.prototype.trim = function(){
return this.replace(/^\s+|\s+$/g,"");
}
var ospan = document.getElementById("_Dataacom_school");
var otxt = ospan.textContent || ospan.innerText;
var reg = new RegExp("("+otxt.trim()+")","i");
ospan.innerHTML = ospan.innerHTML.replace(reg,"<a href=''>$1</a>")
//-->
</script>

Answer 5

4楼说的对，疏忽了汗~~向楼主道歉！<script>
function addlink(){
  var s=document.getElementById("_Dataacom_school").innerHTML;
  s=s.replace("Cambridge University","<a href='http://www.baidu.com'>Cambridge University</a>");
  document.getElementById("_Dataacom_school").innerHTML=s;
}
</script>
<SPAN ID=_Captacom_school class=VIEWBOXCAPTION onmousemove='javascript:addlink()'>就读学校:</SPAN>
<br><!--当然，你完全可以在其他控件或其他事件中做上述工作-->
<SPAN ID=_Dataacom_school class=VIEWBOX >
Cambridge University
<input type="hidden" name=_HIDDENacom_school value="6503">
<input type="hidden" name="_HIDDENacom_schoolTEXT" id="_HIDDENacom_schoolTEXT" value="Cambridge 
University">
<input type="hidden" name="_HIDDENSearchFieldacom_school" id="_HIDDENSearchFieldacom_school" value="acom_school">
</SPAN>

Answer 6

var span = document.getElementById("_Dataacom_school"), link = document.createElement('a');
link.href = 'http://www.baidu.com', link.appendChild(span.firstChild);
span.insertBefore(link, span.firstChild);