通过遍历javascript中的每个节点来解析xml数据

我试图通过遍历每个节点来解析下面的xml数据

<example>
<name>BlueWhale</name>
<addr>101 Yesler Way, Suite 402</addr>
<city>Seattle</city>
<state>Washington</state>
</example>

蓝鲸
耶斯勒路101号402室
西雅图
华盛顿

现在，我想访问每个节点，而不必执行getElementsByTagName，并在javascript中打印每个节点名和节点值，借助于诸如rootElement、firstchild、nextSibling之类的东西，我不确定这些东西

我正在尝试以下方式

var txt = " <example>  <name>BlueWhale</name> <addr>101 Yesler Way, Suite 402</addr>  <city>Seattle</city>  <state>Washington</state>  </example> "
var domParser = new DOMParser();
xml = domParser.parseFromString(txt, "text/xml");
var el =xml.documentElement.nodeName;
console.log(el);

var txt=“蓝鲸101号耶斯勒路402室西雅图华盛顿”
var domParser=新的domParser（）；
xml=domParser.parseFromString（txt，“text/xml”）；
var el=xml.documentElement.nodeName；
控制台日志（el）；

并打印每个变量。

---

任何人都可以帮忙。

你应该考虑使用那些为你而不是手工做的库。一个常用的

如果xml存储在字符串变量中，则可以使用jQuery

var xml = "<example>...";

$(xml).children().each(function() {
    var tagName = this.tagName;
    var text = this.innerHtml
});

var xml=“…”；
$（xml）.children（）.each（function（））{
变量标记名=this.tagName；
var text=this.innerHtml
});
你会考虑使用对你进行解析的库吗？请检查这个问题。谢谢你的回复，但是1）我不喜欢使用jQuery 2。我不喜欢用GETelEngsByTAGNITY来做它，就像在实现它一样，XML数据是动态的，所以我希望通过位置而不是用标签的名字来访问它。