原型查找类并替换文本

Question

我正在使用原型框架[需求由平台]，我试图找到一个ID并替换ID中的一些文本，以便它消失。

的HTML看起来像：

<div id="top"> 
<a href="/login">login</a> | <a href="/register">register</a> 
</div> 

问题是我不希望“|”出现在ID“顶”。所以我想这是“查找元素”| “在ID顶部和删除”

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

var topmenu = document.getElementById('top'); 
var value = topmenu.value; 
// 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.value = value;  
} } 
catch(ex) { 
} 
}); 

试过这与上述，但不起作用。任何人都可以协助

谢谢

Answer 1

难道你不能只用CSS来隐藏管道？只需更改color以匹配background-color，以使其不可见。

#top {color: #fff } /* substitute with the right background color if different */ 
#top a {color: #000 } /* or whatever it has to be */ 

编辑：你应该更换合适的物业是innerHTML，不value。

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; 

Answer 2

看起来你只是需要引号|。否则它看起来没问题。可能不需要条件，既然你在尝试捕捉，但也许这太松散goosy。