我正在创建一个在右侧具有可折叠菜单的网页。菜单通过JavaScript内置到网页中。我的目标是能够拥有一个外部信息源，以便可以收集数据并将其插入该右侧菜单。数据将位于各种按钮下，这些按钮将显示和隐藏该类别的信息。我愿意以任何方式实现此功能，但我倾向于使用xml文件，因为我希望其他人可以轻松地手动或通过将添加到此菜单的VBA脚本使用新信息进行更新。我可以肯定地说，我无法访问JQuery，AJAX，PHP，通常，我的工具非常有限，以至于我只能在一台计算机上使用Eclipse IDE来练习代码，并在文本编辑器中处理我的最终产品。此外，我正在文件结构上进行这两种工作，但是有可能最终将其存储在Web服务器上。另外，我最终需要确保该网页至少可以在FireFox 45和Internet Explorer上运行，值得一提的是，我所有的JavaScript和CSS都位于HTML的外部文件中。
我可以控制输入信息的格式，但是现在，我认为它看起来像这样。 XML似乎是实现此项目的最佳选择，但我一直在考虑另一个html或文本文件。
ManyToManyField我在练习计算机上取得了部分成功，但是一旦以完全相同的语法将其传输到其他系统后，我就没有运气了。
第一次尝试是通过将xml或html文件插入我可以隐藏的div中。我不能只将xml或html对象留在菜单中，因为我需要将数据分类到不同的字段中。我曾考虑过创建几个可以作为对象导入的文件，但我认为这样做会破坏使更新，添加和删除条目变得更加容易的目的。下面是我尝试用于html和xml文件的代码
<name>
<phone>123-4567</phone>
<email>myemail@email.com</email>
</name>
然后我的计划是将信息解析为所需的类别和格式，因此我使用下面的代码。
document.getElementById("insertHtml").innerHTML = '<object type="text/html" data="./BuildABasicSite.html"></object>'
document.getElementById("insertHtml").innerHTML = '<object type="text/xml" data="./FileForJS.xml"></object>'
我可以在FireFox控制台中看到该元素，但是当我尝试将其作为JavaScript的一部分运行时收到错误消息。 “由于“ this”对象不正确，因此忽略具有[LenientThis]的属性的获取或设置”。我查了一下，似乎是Firefox devtools（Javascript DOM "this" Object is incorrect）的不足。如果有解决办法，我认为这将是我的代码的可行解决方案。 我尝试过的其他代码是解析xml文件。
document.getElementById("insertHtml").children[0].contentDocument.getElementById("inpPara").innerText
对于这段代码。我能够在开发计算机上成功检索到信息，但是随后我们尝试重新创建该信息，并收到错误消息“ XML解析错误：找不到根元素”。我不知道为什么它可以在一个系统上运行而不能在另一个系统上运行。
我希望在一个解决方案上寻求帮助，该解决方案将使我能够检索信息，以便继续使用将信息格式化为侧菜单的代码，这些信息可以存储在易于更新的文件中。对于其他用户。