javascript - HTMLFormElement 的操作

Question

以下是重现该问题的 HTML 代码段:

<form id=foo action='https://[::1]/'>
    <input type=hidden name=action value=xyz>
</form>

<script>
    window.alert(document.getElementById('foo').action);
</script>

起初我使用的是 jQuery .prop() 所以我认为这是问题所在，但它也发生在纯 JavaScript 中。

我期望结果为 https://[::1]/ 但由于某种原因它给了我 [HTMLInputElement]。根据 MDN，HTMLFormElement 的 action 属性应该是反射(reflect) HTML action 属性的 DOMString，而不是 HTMLElement。

此行为在 Internet Explorer 和 Chrome 中都存在，因此我认为这不是浏览器实现的错误。 HTML5 specification状态:

The action IDL attribute must reflect the content attribute of the same name, except that on getting, when the content attribute is missing or its value is the empty string, the document's address must be returned instead.

我在这里遗漏了什么吗？

Answer 1

这就是specification说:

getter (RadioNodeList or Element) (DOMString name);

这意味着表单具有按名称引用每个输入元素的属性:<input name="user">会自动定义form.user 。在你的情况下，<input name="action">原因form.action要被覆盖，引用该元素而不是表单操作属性。

直接检索属性即可:

form.getAttribute("action");

或重命名您的输入:

<input name="control-action">