原型删除HTML？

Question

我有以下的HTML

<div id="top-right"> 
<span id="top-right-name">sometexthere</span> | <a href="#">link</a> 
</div> 

而下面的原型JS

Event.observe(window, 'load', function() { 
try { 
if ($$('#top-right')!=null) { 

var topmenu = document.getElementById('top-right'); 
var value = topmenu.innerHTML; 
// define an array of replacements 
var replacements = [ 
    { from: '|', to: ' ' }, 
    { from: '|', to: ' ' }, 
    { from: '|', to: ' ' }, 
    { from: '|', to: ' ' } 
]; 
for (var i = 0, replacement; i < replacements.length, replacement = replacements[i]; i++) { 
    // replace 
    value = value.replace(replacement.from, replacement.to); 
} 
// replace the old text with the new 
topmenu.innerHTML = value; 

} 
} 
catch(ex) { 
} 
}); 

我想删除 “|” 的</SPAN后>自动的onload的这个JS - 但我只是似乎无法做到这一点。

有人可以协助吗？

谢谢

Answer 1

这似乎是一个语法错误的地方，也许在您的加载原型。以下代码段的工作对我很好:)

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script> 

<div id="top-right"> 
<span id="top-right-name">sometexthere</span> | <a href="#">link</a> 
</div> 

<script type="text/javascript"> 
Event.observe(window, 'load', function() { 
try { 
if ($$('#top-right')!=null) { 

var topmenu = document.getElementById('top-right'); 
var value = topmenu.innerHTML; 
// define an array of replacements 
var replacements = [ 
    { from: '|', to: ' ' } 
]; 
for (var i = 0, replacement; i < replacements.length, replacement = replacements[i]; i++) { 
    // replace 
    value = value.replace(replacement.from, replacement.to); 
} 
// replace the old text with the new 
topmenu.innerHTML = value; 

} 
} 
catch(ex) { 
} 
}); 
</script> 

编辑，以反映问题