如何从 XML 获取 img src - Html

在 HTML 中，img 元素通常用于在页面中显示图像。每个图像都有一个指向其位置的 URL，称为源（src） 。这个 URL 可以是相对的、绝对的，也可以是数据 URI。

如果我们需要从 XML 数据中获取图像的 src，我们可以使用 DOM 解析器来轻松地获取该信息。下面是一些示例代码，帮助您了解如何从 XML 中获取 img 的 src 信息。

用 Python 获取 img 的 src

在 Python 中，我们可以使用 xml.dom.minidom 包来解析 XML 数据。下面是一个示例，演示如何找到包含 img 元素的节点，并从中获取其 src 属性。

import xml.dom.minidom

xml_str = '<root><img src="image.jpg" /></root>'
dom = xml.dom.minidom.parseString(xml_str)
img_node = dom.getElementsByTagName('img')[0]
src = img_node.getAttribute('src')
print(src)
# Output: image.jpg

用 JavaScript 获取 img 的 src

在 JavaScript 中，可以使用 DOMParser 对象来解析 XML 数据。解析完成后，我们可以使用 getElementByTagName 方法来查找 img 元素，并使用 getAttribute 方法来获取其 src 属性。

const xml_str = '<root><img src="image.jpg" /></root>';
const parser = new DOMParser();
const dom = parser.parseFromString(xml_str, "text/xml");
const img_node = dom.getElementsByTagName('img')[0];
const src = img_node.getAttribute('src');
console.log(src);
// Output: image.jpg

结论

无论是在 Python 中还是在 JavaScript 中，我们都可以使用 DOM 解析器轻松地从 XML 中获取 img 元素的 src 属性。这使得我们可以更轻松地在我们的应用程序中使用 XML 数据，并指定使用的图像。