问题：如何在现代浏览器（IE 除外）中对我的 XML 进行语法检查？
我见过a page on W3Schools，它包含一个 XML 语法检查器。我不知道它是如何工作的，但我想知道如何实现相同的行为。
我已经对此事进行了多次搜索（没有成功），并且我尝试使用 DOM Parser 检查我的 XML 是否“格式正确”（也没有成功）。
var xml = '迦勒'; var parser = new DOMParser(); var doc = parser.parseFromString(xml, 'text/xml');我希望解析器告诉我有一个 XML 语法错误（即未闭合的 name 标记）。但是，它总是返回一个 XML DOM 对象，就好像根本没有错误一样。
总而言之，我想知道如何使用 JavaScript 自动检查 XML 文档的语法。
附言有什么方法可以根据 DTD 验证 XML 文档（使用 JS，而不是 IE）？
【问题讨论】：
标签： javascript xml dom
编辑：这是一个更简洁的示例，来自MDN：
var xmlString = '<a id="a"><b id="b">hey!</b></a>';
var domParser = new DOMParser();
var dom = domParser.parseFromString(xmlString, 'text/xml');
// print the name of the root element or error message
dump(dom.documentElement.nodeName == 'parsererror' ? 'error while parsing' : dom.documentElement.nodeName);
【讨论】：
上面的 NoBugs 答案不适用于我当前的 chrome。我建议：
var sMyString = "<a id=\"a\"><b id=\"b\">hey!<\/b><\/a>";
var oParser = new DOMParser();
var oDOM = oParser.parseFromString(sMyString, "text/xml");
dump(oDOM.getElementsByTagName('parsererror').length ?
(new XMLSerializer()).serializeToString(oDOM) : "all good"
);
【讨论】：
只需F12 进入开发者模式并检查源代码，然后您可以搜索validateXML，您将找到一个非常长的完整XML 检查器参考。
我正在使用react 和使用DOMParser 的东西将错误消息显示为：
handleXmlCheck = () => {
const { fileContent } = this.state;
const parser = new window.DOMParser();
const theDom = parser.parseFromString(fileContent, 'application/xml');
if (theDom.getElementsByTagName('parsererror').length > 0) {
showErrorMessage(theDom.getElementsByTagName('parsererror')[0].getElementsByTagName('div')[0].innerHTML);
} else {
showSuccessMessage('Valid Xml');
}
}
【讨论】：
javscript 中的基本 xml 验证器。此代码可能对高级 xml 无效，但对基本 xml 无效。
function xmlValidator(xml){
// var xml = "<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body></note>";
while(xml.indexOf('<') != -1){
var sub = xml.substring(xml.indexOf('<'), xml.indexOf('>')+1);
var value = xml.substring(xml.indexOf('<')+1, xml.indexOf('>'));
var endTag = '</'+value+'>';
if(xml.indexOf(endTag) != -1){
// console.log('xml is valid');
// break;
}else{
console.log('xml is in invalid');
break;
}
xml = xml.replace(sub, '');
xml = xml.replace(endTag, '');
console.log(xml);
console.log(sub+' '+value+' '+endTag);
}
}
var xml = "<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body></note>";
xmlValidator(xml);
【讨论】：
tag name 而不是行号而不是行号来显示错误根本不显示任何东西，也许简单比这更重要
你也可以使用包fast-xml-parser，这个包有一个xml文件的验证检查：
import { validate, parse } from 'fast-xml-parser';
if( validate(xmlData) === true) {
var jsonObj = parse(xmlData,options);
}
【讨论】：
v4 您现在应该像 XMLValidator.validate(xmlData) 一样导入和使用抽象类 XMLValidator。看看官方documentation。
/**
* Check if the input is a valid XML file.
* @param xmlStr The input to be parsed.
* @returns If the input is invalid, this returns an XMLDocument explaining the problem.
* If the input is valid, this return undefined.
*/
export function xmlIsInvalid(xmlStr : string) : HTMLElement | undefined {
const parser = new DOMParser();
const dom = parser.parseFromString(xmlStr, "application/xml");
// https://developer.mozilla.org/en-US/docs/Web/API/DOMParser/parseFromString
// says that parseFromString() will throw an error if the input is invalid.
//
// https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML
// says dom.documentElement.nodeName == "parsererror" will be true of the input
// is invalid.
//
// Neither of those is true when I tested it in Chrome. Nothing is thrown.
// If the input is "" I get:
// dom.documentElement.nodeName returns "html",
// doc.documentElement.firstElementChild.nodeName returns "body" and
// doc.documentElement.firstElementChild.firstElementChild.nodeName = "parsererror".
//
// It seems that the parsererror can move around. It looks like it's trying to
// create as much of the XML tree as it can, then it inserts parsererror whenever
// and wherever it gets stuck. It sometimes generates additional XML after the
// parsererror, so .lastElementChild might not find the problem.
//
// In case of an error the <parsererror> element will be an instance of
// HTMLElement. A valid XML document can include an element with name name
// "parsererror", however it will NOT be an instance of HTMLElement.
//
// getElementsByTagName('parsererror') might be faster than querySelectorAll().
for (const element of Array.from(dom.querySelectorAll("parsererror"))) {
if (element instanceof HTMLElement) {
// Found the error.
return element;
}
}
// No errors found.
return;
}
（从技术上讲，这就是 TypeScript。删除 : string 和 : HTMLElement | undefined 使其成为 JavaScript。）
【讨论】：