相关疑难解决方法(0)

'HTMLElement'类型的值不存在属性'value'

我正在玩打字稿,我正在尝试创建一个脚本,在输入框中输入文本时将更新p元素.

html看起来如下:

<html>
    <head>
    </head>
    <body>
        <p id="greet"></p>
        <form>
            <input id="name" type="text" name="name" value="" onkeyup="greet('name')" />
        </form>
    </body>
    <script src="greeter.js"></script>
</html>
Run Code Online (Sandbox Code Playgroud)

greeter.ts文件:

function greeter(person)
{
    return "Hello, " + person;
}

function greet(elementId)
{
    var inputValue = document.getElementById(elementId).value;

    if (inputValue.trim() == "")
        inputValue = "World";

    document.getElementById("greet").innerText = greeter(inputValue);
}
Run Code Online (Sandbox Code Playgroud)

当我编译时,tsc我得到以下"错误":

/home/bjarkef/sandbox/greeter.ts(8,53): The property 'value' does not exist on value of type 'HTMLElement'

但是编译器确实输出了一个javascript文件,它在chrome中运行得很好.

我怎么会得到这个错误?我该如何解决?

另外,在哪里可以'HTMLElement'根据打字稿查找哪些属性有效?

请注意我对javascript和打字稿很新,所以我可能会遗漏一些明显的东西.:)

typescript

204
推荐指数
11
解决办法
18万
查看次数

标签 统计

typescript ×1