用XML和javascript制作菜单？

我正在考虑使用XML和Javascript制作菜单。但我不确定，怎么做。我是这么想的 Menu.xml

<menuroot>
<menu src="house.png" link="index.htm">img</menu>
<menu src="news.png" link="news.htm">img</menu>
<menu link="index.htm">1-3
<submenu link="1.htm"> 1</submenu>
<submenu link="2.htm"> 2</submenu>
<submenu link="3.htm"> 3
<submenu>31</submenu>
<submenu>32</submenu>
</submenu>
</menuroot>

img
img
1-3
1.
2.
3.
31
32

我想要的是一个简单的方法，让那些不懂编程的人改变菜单。 这样做明智吗？我应该试试别的吗？有什么想法吗？

---

如果我更愿意使用PHP，我也知道它。

使用PHP函数simplexml\u load\u file将XML转换为对象

---

使用PHP函数simplexml\u load\u file将XML转换为对象

使用XML和Javascript

<p id="Menu"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "Menu.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    document.getElementById("Menu").innerHTML =
    xmlDoc.getElementsByTagName("menu")[0].childNodes[0].nodeValue;
}
</script>


var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
如果（xhttp.readyState==4&&xhttp.status==200）{
myFunction（xhttp）；
}
};
open（“GET”，“Menu.xml”，true）；
xhttp.send（）；
函数myFunction（xml）{
var xmlDoc=xml.responseXML；
document.getElementById（“菜单”）.innerHTML=
xmlDoc.getElementsByTagName（“菜单”）[0]。子节点[0]。节点值；
}
使用XML和Javascript

<p id="Menu"></p>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        myFunction(xhttp);
    }
};
xhttp.open("GET", "Menu.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    document.getElementById("Menu").innerHTML =
    xmlDoc.getElementsByTagName("menu")[0].childNodes[0].nodeValue;
}
</script>


var xhttp=newXMLHttpRequest（）；
xhttp.onreadystatechange=函数（）{
如果（xhttp.readyState==4&&xhttp.status==200）{
myFunction（xhttp）；
}
};
open（“GET”，“Menu.xml”，true）；
xhttp.send（）；
函数myFunction（xml）{
var xmlDoc=xml.responseXML；
document.getElementById（“菜单”）.innerHTML=
xmlDoc.getElementsByTagName（“菜单”）[0]。子节点[0]。节点值；
}
我个人觉得xml比html更令人不安^^^这取决于您是否需要在这里使用xml。当我们需要在API或某些预定义的通用结构中工作时，使用XML。就我个人而言，我建议您可以使用HTML本身来准备菜单。为什么使用XML？XML是因为我认为对于不懂HTML的人来说更容易。我个人觉得XML比HTML更令人不安。^^这取决于你的需要，你是否应该在这里使用XML。当我们需要在API或某些预定义的通用结构中工作时，使用XML。就我个人而言，我建议您可以使用HTML本身来准备菜单。为什么是XML？XML，因为我认为对于不懂HTML的人来说更容易。但这在菜单的三个级别上都不起作用？我有一个
菜单。但这不适用于菜单中的三个级别？我有一个
-菜单。在
-菜单中打印三个级别是否简单？是的，您可以像
一样使用ul-li菜单打印三个级别是否简单？是的，您可以像
一样使用ul-li菜单