microsoft-metro - 在 Windows Metro 应用程序中修改 DOM 时出现 HierarchyRequestError

Question

我正在使用 Javascript 和 HTML 构建 Windows Metro 应用程序，但它崩溃了 HierarchyRequestError :

Exception was thrown but not handled in user code at line 11, column 9 in ms-appx://21706d2f-b81e-47ef-9ebb-37de36c7a258/js/default.js
0x800a139e - JavaScript runtime error: HierarchyRequestError

在抛出错误的那一行，我正在做一些简单的 DOM 操作，并尝试将我创建的节点插入到文档中:

function insertData(hnode) {
    document.querySelector('#datanode').appendChild(hnode);
}

为什么会因为这样的错误而失败？

Answer 1

一个 HierarchyRequestError当您尝试插入 undefined 时抛出或其他一些无效值，放入 DOM。

在问题中的函数中，hnode大概是 undefined ，例如因为 insertData()被无参数调用。

调试这样的情况并找出对 insertData() 的调用是问题所在，可以使用 Visual Studio 中的条件断点。如果您设置了断点，请右键单击它并选择“条件...”。类似 hnode === undefined 的条件可以用来打破有趣的情况。