javascript - 检查 ByClassName 时未定义的输入值

Question

我正在尝试使用纯 JavaScript 通过 className 查找输入的值。当我为和 ID 运行类似的代码时它可以工作，但是当我尝试使用类名时它返回未定义。我可以用 jQuery 做到这一点，但我想用纯 JavaScript 来实现它，以便更好地理解这门语言。谢谢!

JavaScript

var input1 = document.getElementsByClassName("blank1");
var submit = document.getElementsByClassName("submit");

correctAnswer = 'hello';

submit[0].addEventListener('click', checkFillIn);

function checkFillIn(){
    if ( input1[0].value === correctAnswer ){
        console.log('correct!');
    }else{
        console.log('incorrect');
    }
}

HTML

<p><input id="blank1" value="" type="text"></input></p>
<a href="#" class="submit">Submit</a>

Answer 1

请在您的输入元素上添加类属性。请参见下面的示例:

<input id="blank1" class="blank1" value="" type="text">

当然，你不会想让id和class属性一样。