如何实现一点击主菜单，相对应的div中的值就变化

Question

我做得html页面，分为3个部分，上面一部分，下面有分左面，和右面，上面的部分都是主菜单，也就是一级标题，我想一点击上面的一级标题，左面就会显示相对应的2级标题，我的上面和左面都是div，如何实现一点击一级标题，相对应的左面div中的值就变化啊？在线等。大家帮帮忙（我的一些标题都是用xml写得，用js调用的，现在值都附上了，但是不知道怎么传个值）

Answer 1

上面和左面都是div
那你在点击上面的时候，通过innerHTML或者是appendChild、or document.write
这些方法任意方法在下面的左边添加div的内容即可
上面链接
<a href="javascript:document.getElementById('leftDiv').innerHTML = 'html_code';">人员管理</a>
可以点击的时候获得当前菜单下面的内容，然后添加到下面
<div id="leftDiv"></div>

Answer 2

<script type="text/javascript">
function readerXml(){
var oXmlLoader = XmlDomRepository.createLoader();
oXmlLoader.loadFromFile("title.xml",null,false);
var oXmlDoc = oXmlLoader.xmlDoc;
var slideNode = oXmlDoc.documentElement.selectNodes("title");
var slideFileNode = slideNode[0].selectNodes("content");//slideNode[0]表示一级标题的第一个，
var slideFileNodeCount;
slideFileNodeCount = slideFileNode.length;
var aa ="";
for(var i = 0;i <= slideNode.length - 1;i++)//遍历一级标题
{
  aa += "<a href = '#'>"+slideNode[i].attributes[0].text+"</a>&nbsp;&nbsp;";
      div1.innerHTML = aa;
}

var bb= "";
for(var i = 0;i <= slideFileNodeCount - 1;i++)//遍历二级标题
{
   bb += "<a href = '"+slideFileNode[i].attributes[1].text+"' target='bb'>"+slideFileNode[i].text+"</a><br>"
   left.innerHTML = bb;
}


}    
</script>
大家麻烦帮我改一下这个，我是新手，不会改了。