javascript - 为什么不需要 getElementById 来获取表单中的 ID

Question

我正在努力学习 JavaScript，以便能够将它与 jQuery 进行比较。我一直在寻找一种解释(或证明我做对了的东西)为什么表单输入中的 ID 被视为名称属性(以我们选择它们的方式)

<form id="myskills">
    <input type="text" id="skillpg">
</form>

如果我想通过 ID 获取输入，我会这样做:

document.getElementById('skillpg');

我错误地发现我也可以通过这样做来选择相同的输入

document.getElementById('myskills').skillpg

在我看来，代码使用 name="skillpg" 而不是 ID 名称获取输入元素。

在我写这个问题时，听起来我应该接受它并继续前进。但是是否有理由不使用这种方式而只是坚持使用 getElementById 或使用名称属性而不是 ID？

谢谢

Answer 1

自 HTMLFormElement 起有效为此有一个特殊的 setter/getter :

interface HTMLFormElement : HTMLElement {  
    ...
  readonly attribute HTMLFormControlsCollection elements;
  readonly attribute long length;
  getter Element (unsigned long index);
  getter (RadioNodeList or Element) (DOMString name);
};

getter 将在您使用 form["name"] 时使用。由于 form.name === form["name"]，一切都很好，因为 algorithm因为 getter 说，你也可以使用 id 而不是 name:

When a form element is indexed for named property retrieval, the user agent must run the following steps:

1. Let candidates be a live RadioNodeList object containing all the listed elements whose form owner is the form element that have either an id attribute or a name attribute equal to name, [...]

现在回到你的问题:

As I'm writing this question, it sounds like something that I should just accept it and move on. But is there a reason not to use this way and just stick with getElementById or use the name attribute instead of the ID?

你不应该接受，除非你检查它是否 a) 标准和 b) 与你的目标浏览器兼容。由于它是标准的，您需要检查您的目标浏览器是否兼容。除此之外，这主要是个人喜好。