上篇文章介绍了DOM访问HTML元素的两种主要方式,这篇文章继续介绍DOM对HTML的访问,主要是DOM访问表单控件、列表框、下拉菜单以及表格元素的方法与属性。
1.DOM访问表单控件
主要有以下属性和方法:
- action:返回该表单的提交地址
- element:返回表单内全部表单控件所组成的数组
- length:返回表单内表单域的个数
- method:返回表单内method属性,主要有get和post两种
- target:确定显示表单提交的结果的窗口,主要有_self(当前页面)、_blank(新页面)
- reset():重置表单
- submit():确认提交表单
注:elements返回的数组中可以访问具体的表单
- elements[index]:返回该表单中第index个表单控件
- elements[elementName]:返回表单中id或name为elementName的表单控件
- elementName:与elements[elementName]类似
用代码测试以上属性:
<!DOCTYPE html>
<html>
<head>
<title>查找表单控件</title>
<script type="text/javascript">
function operatorForm(){
var myform=document.forms[0];
//alert(myform.action);
//alert(myform.method);
//alert(myform.target);
//myform.reset(); //重置表单
myform.submit(); //确定表单
}
</script>
</head>
<body>
<form id="myform" action="http://www.baidu.com" method="get" target="_blank">
<input type="text" name="username" value="向日葵"/><br/>
<input type="text" name=&#