xml数据岛是ie 5.0–9.0特有机制，通过非标准标签嵌入xml并用xmlelement.xmldocument访问，现代浏览器完全不支持，应使用fetch+xml或json替代。
XML数据岛是IE浏览器（5.0–9.0）特有的一种机制，允许将XML数据直接嵌入HTML文档中，并通过JavaScript或数据绑定方式访问。现代浏览器（Chrome、Firefox、Edge新版等）**完全不支持**该特性，因此不能用于跨浏览器项目。
XML数据岛只在旧版IE中有效
它依赖于IE专有的 <xml></xml> 元素（非标准HTML标签），本质是IE解析器对XML片段的特殊处理。其他浏览器会忽略该标签，或将其视为未知元素而无法解析内容。
- 仅支持IE 5.0–9.0；IE10+已移除支持
-
<xml></xml>标签必须设置id属性才能被脚本引用 - XML内容需符合格式规范（如根元素唯一、正确闭合），否则IE可能静默失败
- 无法通过
document.getElementById()直接获取XML DOM——必须用xmlElement.XMLDocument属性
如何在HTML中声明XML数据岛
把XML内容写在 <xml></xml> 标签内，放在 或 中均可，但需确保DOM加载完成后再访问。
<xml id="bookData">
<books>
<book id="1">
<title>JavaScript高级程序设计</title>
<author>Nicholas C. Zakas</author>
</book>
</books>
</xml>
注意：<xml></xml> 不是自闭合标签，必须有结束标签；内容不能包含未转义的 、<code>& 等字符，否则解析失败。
立即学习“前端免费学习笔记（深入）”；
如何用JavaScript读取XML数据岛内容
必须通过 xmlElement.XMLDocument 获取实际XML DOM对象，再使用标准XML DOM方法（如 getElementsByTagName）操作。
var xmlEl = document.getElementById("bookData");
if (xmlEl && xmlEl.XMLDocument) {
var xmlDoc = xmlEl.XMLDocument;
var titles = xmlDoc.getElementsByTagName("title");
console.log(titles[0].textContent); // "JavaScript高级程序设计"
}
- 直接调用
xmlEl.getElementsByTagName()会失败——它只是HTML元素，不是XML文档 - IE中
textContent可能不可用，建议用firstChild.nodeValue或text属性兼容老版本 - 若XML含命名空间，需用
selectNodes()/selectSingleNode()（IE专有XPath方法）
为什么不该在新项目中使用XML数据岛
它已被W3C标准和所有现代浏览器放弃。替代方案更可靠、可维护性更强：
- 用
fetch()+response.xml加载外部XML文件（支持所有现代浏览器） - 将结构化数据转为JSON，用
JSON.parse()解析（性能更好、语法更简洁） - 服务端渲染时，把XML转成HTML模板片段或内联JSON，避免客户端XML解析开销
如果必须兼容遗留IE系统，务必加运行环境检测，且只在 document.documentMode 时启用该逻辑；否则会因 <code>XMLDocument 不存在而报错。
