Question

TypeScript代码如下：

namespacesLab.ts：

rows="{path:'oModel>/root'}"   
rows="{path:'/root'}"
rows="{path:'/}"

HTML代码如下：

index.html：

var ArrayUtilities;
(function (ArrayUtilities) {
    function reverseArray(array) {
        return array.slice(0).reverse();
    }
    ArrayUtilities.reverseArray = reverseArray;
    function lastItemOfArray(array) {
        return array.slice(0).pop();
    }
    ArrayUtilities.lastItemOfArray = lastItemOfArray;
    function firstItemOfArray(array) {
        return array.slice(0).shift();
    }
    ArrayUtilities.firstItemOfArray = firstItemOfArray;
    function concatenateArray(array1, array2) {
        return array1.concat(array2);
    }
    ArrayUtilities.concatenateArray = concatenateArray;
})(ArrayUtilities || (ArrayUtilities = {}));

当我单击 index.html 时，将出现一个显示四个按钮的网页。但是，没有显示数组。

预期结果：网页上显示的四个按钮和一个数组

实际结果：该数组未显示在网页上

Answer 1

您的ID中有空格：

更改

<div id = "output " style = "width:100%;">

到

<div id = "output" style = "width:100%;">

Answer 2

运行代码后，看来您的问题是您的div ID：

<div id = "output " style = "width:100%;">

您的ID有多余的空格，您正在寻找：

document.getElementById("output")

在构建DOM之前，您似乎还可能在访问DOM时遇到一些问题。看看this answer了解更多信息。

一些额外的提示给您：对于几乎所有可用的主要Web浏览器，都有Web开发人员工具可以极大地帮助您调试Web应用程序/页面。例如，可以使用Ctrl+Shift+I访问Chrome开发者工具，也可以右键单击>>检查。

如何修复JavaScript HTML元素未显示错误？

2 个答案: