Question

我有一个输入标签我可以改变它的属性，这需要一些价值，例如

<input type="text">

<script>
    var inputEls = document.querySelector("input");
    inputEls.placeholder = "Enter Name";
</script>

但是我如何改变不具有属性的put属性就是自动对焦。

inputEls.autofocus ??

Answer 1

autofocus属性是布尔属性，因此您将其设置为true或false：

inputEls.autofocus = true;

并非所有类似的属性都是布尔值。例如，autocomplete属性具有字符串值，"off"或"on"。

您可以查看此类at the Mozilla Developer Network Wiki或HTML5规范中的内容。（编辑 - 我去寻找W3C规范的一个很好的链接，但我找不到那里记录的autofocus。）

请注意，设置autofocus标志似乎至少在Firefox中没有做任何事情。我试过了

<!DOCTYPE html>
<html>
  <body>
    <input id=x>
    <script>
      document.getElementById("x").autofocus=true;
    </script>
  </body>
</html>

在一个小型测试文件中，它在Firefox中没有做任何事情，但它适用于Chrome。同样，使用＆＃34;自动对焦＆＃34;进行同样的测试。 HTML中的属性以及false设置的JavaScript也不会将其关闭。

在Chrome或Firefox中，在页面完全加载后设置标记似乎没有任何效果。