javascript - 不断收到未捕获的类型错误 : Illegal invocation?

Question

当文本框为空时尝试禁用按钮时，我在 google chrome 控制台中收到此错误:

function isEmpty() {
  var r = document.getElementById;
  if (r("box1").value.length >= 1 && r("box2").value.length >= 1 && r("box3").value.length >= 1 && r("box4").value.length >= 2 && r("box5").value.length >= 2 && r("box6").value.length >= 3 && r("box7").value.length >= 1)
    r('#add').disabled = false
  else
    r('#add').disabled = true
  setTimeout(isEmpty, 250)
}
isEmpty();

我在这里做错了什么？

Answer 1

getElementById 需要 document 的调用上下文。使用.bind将r绑定(bind)到document:

var r = document.getElementById.bind(document);