Javascript:：来自XML的网格/列表视图

我试图在网格/列表视图中逐个元素地显示包含“猫粮”数据的XML文件（就像电子商务站点一样）。 我使用“w3schools.com”网站上的第一个示例：

问题是，在打开并解析XML文件后，出现以下控制台错误：

未捕获的TypeError:无法读取未定义的属性'getPicture' 在HTMLButtonElement.parseXML中

我将链接放置到所有必要的文件：

Cats.php文件（它是一个.html文件，没有时间重命名）

Dein Bestes.xml（该文件可以下载，稍后通过Cats.php中的“选择文件”打开）

CSS文件（主要用于网格/列表视图）

---

您会得到一个错误，因为您试图从XML传递第16个节点，尽管其中有15个节点。 如何排除此错误： 在函数parseXML中将do/while更改为while（iThx， 所以它是关于循环的，认为是一些奇怪的javascript特定错误

但是，您的解决方案不起作用，因为它遗漏了最后一个元素