Javascript input.value 更改未在浏览器中显示

Question

以下内容不会呈现我在 Chrome 或 Firefox 中看到的任何更改:

var field = document.getElementById( 'input-id' ), nodeName;

if ( field !== null ) {
    nodeName = field.nodeName.toLowerCase();

    if( nodeName === 'input' || nodeName === 'textarea' ) {
        field.value = 'hello';
        console.log( field.value );
    }
}

这是目标:

<input id="input-id" name="input-name" type="text" required="required" placeholder="example">

但是控制台报告了两者的正确值。为什么？我正在使用经过验证的 HTML5。该脚本位于结束 body 标记之前。

Answer 1

您正在使用 , 而不是 。编辑您的代码，伙计:

var field = document.getElementById( 'input-id' ).nodeName;