javascript - 带有 ID 的表单元素

Question

form如果 HTML元素具有id属性 ( <form id="something" action="endpoint" method="POST">) ，它们似乎无法正常工作。

form在具有多个元素的页面上选择正确元素的另一种可靠方法是什么form？

我更喜欢使用，getElementById因为getElementsByTagName,getElementsByName等可以返回多个结果。

谢谢。

Answer 1

只要该 ID 不用于多个元素，它们就可以使用 ID 。

鉴于这种：

<form id="myForm" method="POST">
</form>

你可以做：

alert(document.getElementById("myForm").method);

演示：http: //jsfiddle.net/xw3jc/

Answer 2

ID 将始终有效。

确保您有一个唯一的 ID，即它在整个页面中只出现一次。如果您有多个名称相似的 ID，尽管您的 HTML 可以工作（尽管无效的 HTML 不会通过 W3C 验证），但 JavaScript 不会。

Answer 3

id属性值必须是唯一的并遵循规则（如果不是 HTML5）：

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_") , 冒号 (":") 和句点 (".")。

如果是 HTML5，则规则更软：必须至少有一个字符且不能有空格。

如果解决了这个问题，那么表格应该可以正常工作。