Question

＆＃34;元件＆＃34; ＆＃34;形式的属性＆＃34; HTML5中的元素返回＆＃34; object＆＃34;元素。 https://www.w3.org/TR/html5/forms.html#category-listed

但我不能假设＆＃34;对象＆＃34;元素作为用户可输入字段。为什么＆＃34;对象包括在内？

代码示例：

<form id="form1">
  <object id="foobar">
  </object>
</form>

var form = document.getElementById('form1');
var elements = form.elements;
for (var i = 0; i < elements.length; i++) {
   console.log(elements[i].id); // outputs "foobar"
}

Answer 1

我希望下面的代码片段能够澄清一些事情。

正如您在运行以下代码时所看到的，此表单中的元素是Object以及Element，HTMLElement和HTMLInputElement。

欢迎来到精彩的继承世界。

＆＃13;

var form = document.getElementById('form');
var elements = form.elements;

for (var i=0; i<elements.length; i++) {
  var element = elements[i];

  console.log("Element with name: " + element.name);
  console.log("Element is Object: " + (element instanceof Object));
  console.log("Element is Element: " + (element instanceof Element));
  console.log("Element is HTMLElement: " + (element instanceof HTMLElement));
  console.log("Element is HTMLInputElement: " + (element instanceof HTMLInputElement));
}

＆＃13;

<form id="form">
  <input name="text" type="text">
</form>

＆＃13;

为什么form.elements返回＆＃34;对象＆＃34;元素？

1 个答案: