javascript - 在 JavaScript 中查找元素所属的 FORM

Question

如何使用简单/少量的 JavaScript 找出 HTML 元素包含在哪个 FORM 中？在下面的示例中，如果我已经掌握了名为“message”的 SPAN，我如何才能轻松获取 FORM 元素？

<form name="whatever">
    <div>
        <span id="message"></span>
    </div>
</form>

SPAN 可能嵌套在其他表或 DIV 中，但它似乎太啰嗦了，无法围绕 .parentElement 进行迭代并沿着树向上移动。有没有更简单快捷的方法？

如果它不是 SPAN，而是 INPUT 元素，那会更容易吗？他们是否有指向包含 FORM 的属性？谷歌说不...

Answer 1

可以通过element.form访问表单元素所属的表单。

当您用作引用的元素不是表单元素时，您仍然需要遍历 parentElement 或使用其他类型的选择器。

使用原型(prototype)，您可以通过使用 Element.up() 来简化它:

$(element).up('form');

Other answers这个问题已经指出了如何在 jQuery 中做同样的事情。