javascript - 在某些情况下无法获得表单 ID 的值

Question

似乎不可能获得 <form> 的预期值<input> 时的 ID或 <img>在 <form> 内有一个 ID 或一个以“id”为值的名称。

例子:

<form id="test">
    <input id="id" />
</form>

调用 document.querySelector('form').id返回 HTMLInputElement而不是 "test" .

这是一个 JSFiddle: http://jsfiddle.net/zyy54jmj/6/

你知道为什么会这样吗？有没有办法解决这个问题？

谢谢。

Answer 1

就 DOM 属性而言，“无效”名称和“已采用”名称之间存在差异。

所有这些都是可以在 FORM 元素上找到的有效方法/属性(由于接口(interface)继承)，并且所有这些都可以被同名字段覆盖。因此，我建议避免使用这些名称，以免遇到意外冲突:

ELEMENT_NODE
ATTRIBUTE_NODE
TEXT_NODE
CDATA_SECTION_NODE
ENTITY_REFERENCE_NODE
ENTITY_NODE
PROCESSING_INSTRUCTION_NODE
COMMENT_NODE
DOCUMENT_NODE
DOCUMENT_TYPE_NODE
DOCUMENT_FRAGMENT_NODE
NOTATION_NODE
nodeName
nodeValue
nodeType
parentNode
childNodes
firstChild
lastChild
previousSibling
nextSibling
attributes
ownerDocument
insertBefore
replaceChild
removeChild
appendChild
hasChildNodes
cloneNode
normalize
isSupported
namespaceURI
prefix
localName
hasAttributes

id
title
lang
dir
className

elements
length
name
acceptCharset
action
enctype
method
target
submit
reset
item
namedItem