DOM对HTML元素的访问操作（二）

最新推荐文章于 2021-04-24 15:07:16 发布

Daisy-lv

最新推荐文章于 2021-04-24 15:07:16 发布

阅读量247

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/qq_36747861/article/details/84329235

版权

上篇文章介绍了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=&#

最低0.47元/天解锁文章

Daisy-lv

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM对HTML元素的访问操作（二）

上篇文章介绍了DOM访问HTML元素的两种主要方式，这篇文章继续介绍DOM对HTML的访问，主要是DOM访问表单控件、列表框、下拉菜单以及表格元素的方法与属性。1.DOM访问表单控件主要有以下属性和方法：action:返回该表单的提交地址 element:返回表单内全部表单控件所组成的数组 length:返回表单内表单域的个数 method:返回表单内method属性，主...
复制链接

扫一扫