JS document.forms属性,获取所有表单元素

document.forms属性

JavaScript DOM操作中,document对象的forms属性,可查找获取当前文档中所有的表单form元素,并构成一个HTMLCollection的对象集合,可通过索引来访问其中的form元素。


语法

document.forms

返回值

JavaScript的[object HTMLCollection]。


forms属性实例代码,及在线编辑器

<form>
  <label for='username'>用户:</label>
  <input type='text' id='username'>
  <label for='password'>密码:</label>
  <input type='password' id='password'>
</form>
<br>
<button onclick='setBorder()'>点击设置边框</button>
<script>
  function setBorder(){
    var forms = document.forms;
    forms[forms.length-1].style.border = '1px solid skyblue'
  }
</script>

实例代码解析

代码中的索引之所以用的是forms.length-1,是因为当前的HTML文档也还有其它的form元素定义的表单。



全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.