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元素定义的表单。