html dom输入范围对象与具有类型“range”的元素相关联。我们可以使用createelement()和getelementbyid()方法分别创建和访问类型为range的输入元素。
属性
以下是Input范围对象的属性：
1autocomplete
设置或返回范围控件的自动完成属性值。
2autofocus
设置或返回页面加载时范围滑块控件是否自动获取焦点。
立即学习“前端免费学习笔记（深入）”；
3defaultValue
设置或返回范围滑块控件的默认值。
4disabled
设置或返回滑块控件是否已禁用。
5form
返回包含滑块控件的表单的引用。
6List
返回包含滑块控件的数据列表的引用。
7Max
设置或返回滑块控件的最大属性值。
8Min
设置或返回滑块控件的最小属性值。
9Name
设置或返回滑块控件的名称属性值。
10Step
设置或返回滑块控件的步长属性值。
11Type
返回滑块控件的表单元素类型。
12value
设置或返回滑块控件的值属性值。
方法
以下是密码对象的方法：
1stepDown()
按给定的数字递减滑块控件的值。
2stepUp()
按给定的数字递增滑块控件的值。
示例
让我们看一个Input范围对象的示例：
演示
function rangeCreate() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R);}Input range object
Create an input field with type range by clicking the below button
VOLUME:
输出
这将产生以下输出 −
点击CREATE按钮 −
在上面的例子中 −
我们创建了一个名为CREATE的按钮，当用户点击时将执行rangeCreate()方法 −
rangeCreate() 方法使用文档对象的 createElement() 方法通过传递“INPUT”作为参数来创建 元素。新创建的输入元素被分配给变量 R，并使用 setAttribute() 方法创建一个具有值范围的类型属性。
记住，setAttribute() 创建属性，然后在属性不存在时分配值。以前不存在。最后，在文档主体上使用appendChild()方法，我们将类型范围的输入元素附加为主体的子元素 –
function createPASS() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R);}
以上就是HTML DOM Input Range对象的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1551269.html
微信扫一扫 
支付宝扫一扫 
