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专有的 元素（非标准HTML标签），本质是IE解析器对XML片段的特殊处理。其他浏览器会忽略该标签，或将其视为未知元素而无法解析内容。

• 仅支持IE 5.0–9.0；IE10+已移除支持
• 标签必须设置 id 属性才能被脚本引用
• XML内容需符合格式规范（如根元素唯一、正确闭合），否则IE可能静默失败
• 无法通过 document.getElementById() 直接获取XML DOM——必须用 xmlElement.XMLDocument 属性

如何在HTML中声明XML数据岛

把XML内容写在 标签内，放在 或 中均可，但需确保DOM加载完成后再访问。

  
    
      
      Nicholas C. Zakas
    
  

注意： 不是自闭合标签，必须有结束标签；内容不能包含未转义的 、& 等字符，否则解析失败。

立即学习“前端免费学习笔记（深入）”；

如何用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 时启用该逻辑；否则会因 XMLDocument 不存在而报错。

https://www.php.cn/faq/1982026.html