切换div ID的可见性javascript在Chrome中工作，而不是在Firefox中

请有人帮助我，我在一个html页面上有一些DIV，我设置为在页面打开时不显示，但是当用户单击页面上的链接时，我希望显示DIV的内容。可视内容根据单击的链接进行切换。问题是它在Chrome上运行良好，但在Firefox上却不行。有人能帮我做正确的代码，使它在两种浏览器中都能工作吗

以下是关闭DIVs的代码：

<script language="javascript">
<!--
function change_visibility(div_id)
{
document.all['itinerary'].style.display = (div_id == 'itinerary') ? 'block' : 'none';
document.all['touroptionals'].style.display = (div_id == 'touroptionals') ? 'block': 'none';
document.all['map'].style.display = (div_id == 'map') ? 'block': 'none';
document.all['dates'].style.display = (div_id == 'dates') ? 'block': 'none';
document.all['hotels'].style.display = (div_id == 'hotels') ? 'block': 'none';
document.all['includes'].style.display = (div_id == 'includes') ? 'block': 'none';
document.all['tourdates'].style.display = (div_id == 'tourdates') ? 'block': 'none';
document.all['price'].style.display = (div_id == 'price') ? 'block': 'none';
}

//-->
</script>

在页面内，我有以下链接：

<div id="tourmenu" >  
<a href="javascript:;" onClick="change_visibility('itinerary');">Full Itinerary</a> 
<a href="javascript:;" onClick="change_visibility('touroptionals');">Optional Extras</a> 
<a href="javascript:;" onClick="change_visibility('map');">Map</a> 
<a href="javascript:;" onClick="change_visibility('hotels');">Hotels</a> 
<a href="javascript:;" onClick="change_visibility('includes');">Includes &amp; Excludes</a> 
<a href="javascript:;" onClick="change_visibility('dates');">Dates</a> 
<a href="javascript:;" onClick="change_visibility('price');">Price</a>
</div>

在Chrome中，这一切都非常完美，DIV不显示，当我单击每个链接时，只有包含其内容的DIV显示。在Firefox中，它们总是显示出来，而点击链接则没有任何作用

---

有什么想法吗？

文档。并非所有浏览器都支持all

。为了安全起见，请使用

document.getElementById

。

document.all

？这在Firefox中是行不通的，十年来它也不是一个好的JS风格。这段代码是从哪里来的？最终通过在函数中使用以下命令使其工作：document.getElementById（'行程'）.style.display=（div_id='行程'）？'块'：'无'；旧代码是：document.all['internative'].style.display=（div_id='internative'）？'块'：'无'；原始代码是我在谷歌上找到的，因为我找不到它应该是什么样子的示例。现在它可以在Chrome和Firefox中使用。得到回复很令人沮丧，但这不是一个恰当的例子，所以我想我会为其他像我这样不擅长编码的人发布解决方案。