JS document form表单元素操作完整示例
本文实例讲述了JSdocumentform表单元素操作。分享给大家供大家参考,具体如下:
form表单操作 functiontestForm(){ //获取form对象方法一,通过id,比较普遍的方法 varfm=document.getElementById("fm"); alert(fm);//输出fm的类型[objectHTMLFormElement] alert(fm.length);//输出所用的表单项(表单类型参考Lgin.html)输出值为8 //获取form对象方法二,通过name,算是一个特殊的的方法 varfrm=document.frm; alert(frm); alert(frm.length); alert(fm===frm);//返回值为true,其无论是类型还是内容都是一样的,其本来就是同一个对象 } functiontestOper(){ varfm=document.getElementById("fm"); //输出表单的元素 //alert(fm.elements);//显示表单元素的类型[objectHTMLFormControlsCollection] //alert(fm.elements.length);//显示表单元素的个数 //利用表单的action属性进行访问地址的动态改变 fm.action="http://www.baidu.com"; alert(fm.action);//返回了action的值 //利用表单的submit属性使普通的按钮也具有提交功能 //fm.submit();//可以直接访问修改后的网址 //alert(fm.submit());//执行了submit操作并且返回了undefined } functiontestCheck(){ //获取checkbox的对象 varfav=document.getElementsByName("fav");//通过Id无法获取,但是通过Name //实现选中遍历打印操作 for(vari=0;i form表单操作
用户名
密码
爱好
动漫
游戏
电影
敲代码
clannad 花开物语 未闻花名 四月是你的谎言
运行效果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。