JavaScript 之 DOM [ 表单操作 ]

everfight 发布于2019-08-23 11:43 / 2259人阅读

摘要：表单操作获取表单元素对象提供了多带带的获取方式该属性会得到一个类数组集合该属性会得到一个类数组对象集合显示类数组对象表单名称通过表单名称会获取到指定名称的表单元素新版本浏览器可能不支持显示获取表单组件元素属性通过对象提供的属性来获取指定表单

表单操作 获取表单元素

Document对象提供了多带带的获取方式

document.forms

该属性会得到一个类数组集合

document.表单名称

通过表单名称会获取到指定名称的表单元素

新版本浏览器可能不支持

获取表单组件元素 HTMLFormElement.elements属性

通过HTMLFormElement对象提供的elements属性来获取指定表单中的所有组件

文本内容的选择 select()方法

获取当前输入框中所选择的文本内容

默认为全选

select事件

只要选择文本内容就会触发select()方法

selectionStart()方法

选择文本内容开始的位置(索引值)

selectionEnd()方法

选择文本内容结束的位置(索引值)

设置文本内容 setSelectionRange()方法

设置选择的文本内容

如果焦点在文本内容的最后面会全选文本内容

如果焦点在文本内容中的任意位置(不是最后)会选中设置文本内容

下拉列表操作 HTMLSelectElement对象

length属性

获取当前元素的个数

options属性

获取当前所有元素(类数组集合)

selectedIndex属性

显示当前被选中的列表项的索引值

HTMLOptionElement对象

index属性

获取当前列表项的索引值

selected属性

判断当前列表项是否被选中

text属性

获取当前列表项的文本内容

value属性

当前列表项的value属性值

提交表单 submit事件

表单在进行提交时会触发submit事件

该事件会在表单被提交之前,实现对表单的验证

submit()方法

该方法可用于提交表单

可以使用任何一个按钮进行表单提交(不需要提交按钮)

云服务器 GPU云服务器 javascript_dom操作 Dom操作 javascript dom dom对象操作

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97361.html

【JavaScript】DOM之表单操作

摘要：表单操作获取表单获取表单元素以对象中属性来获取当前页面所有表单集合以对象中表单的属性值来获取表单元元素获取当前页面所有表单元素表单名称有些新浏览器是不支持获取表单组件元素以对象的属性来获取表单组件的集合表单操作文本内容的选择以对象和对象中 DOM 表单操作 1.获取表单获取表单元素以Document对象中forms属性来获取当前HTML页面所有表单集合以Document对象中表单的...

SHERlocked93 2019-08-02 16:03 评论0 收藏0
【JavaScript】DOM之表单操作

摘要：表单操作获取表单获取表单元素以对象中属性来获取当前页面所有表单集合以对象中表单的属性值来获取表单元元素获取当前页面所有表单元素表单名称有些新浏览器是不支持获取表单组件元素以对象的属性来获取表单组件的集合表单操作文本内容的选择以对象和对象中 DOM 表单操作 1.获取表单获取表单元素以Document对象中forms属性来获取当前HTML页面所有表单集合以Document对象中表单的...

forsigner 2019-08-23 11:43 评论0 收藏0
组织大表单应用中javascript代码的一种方法

摘要：组织大表单应用中代码的一种方法问题，动机，目的超过一屏，属性复杂到一定程度的录入界面系统中，缺乏良好架构的代码往往容易失控。改变树结构更换表单控件等改变展现方式的需求不应当对产生毁灭性打击。组织大表单应用中javascript代码的一种方法问题，动机，目的超过一屏，属性复杂到一定程度的录入界面/系统中，缺乏良好架构的javascript代码往往容易失控。尤其是当规模从小型表单...

tolerious 2019-08-19 14:42 评论0 收藏0
《javascript高级程序设计》之事件

摘要：特性这样指定事件处理程序具有一些独到之处。级事件处理程序通过获得要操作对象的引用，用把一个函数赋值给一个事件处理程序属性，比如。以这种方式添加的事件处理程序会在事件流的冒泡阶段被捕获。级事件处理程序级事件定义了两个方法，。一、事件处理程序响应某个事件的函数叫做事件处理程序（或事件侦听器），为事件指定处理程序的方式有下面几种。 1、html特性这样指定事件处理程序具有一些独到之处...

Render 2019-08-26 11:51 评论0 收藏0