input 自定义属性data-XXX 获取

最新推荐文章于 2024-07-30 10:28:58 发布
最新推荐文章于 2024-07-30 10:28:58 发布
阅读量1.1w 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qianling12/article/details/82461068
本文介绍如何使用原生JS和jQuery获取HTML元素的自定义属性data-order，包括getAttribute和dataset方法的区别，以及jQuery的attr方法实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

input 自定义属性 data-order

js获取：document.getElementsByName(“appScene0”)[0].getAttribute(“data-order”)
document.getElementsByName(“appScene0”)[0].dataset.order //比getAttribute慢
jquery获取：$(“input[name=’appScene0’]”).attr(“data-order”)

js的Web API笔记2：排他思想、自定义属性操作（获取属性值、设置属性值、移出属性、 H5自定义属性）、节点操作（父节点、子节点、兄弟节点、创建节点、添加节点、删除节点）
小黄呀呀呀的博客
09-18 285
1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button&
自定义el-upload实现图文上传
我爱吃兔兔的博客
09-06 1946
一、跨域踩坑（axios）： 第一步：config/index.js文件设置跨域 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/':{//此处并非一定和url一致。 target:'后台ip+端口地址', changeOrigin:true,//允许跨域 pathRewrit...
input_data
04-27
tensorflow学习，Yann LeCun's website上获取MNIST数据的脚本
input在html5中新特性,HTML5的input的data属性
weixin_39939993的博客
06-04 1106
转载自：https://www.cnblogs.com/tween/p/4832797.html转载自：http://www.vaikan.com/html-5-data-attributes-how-to-use-them-and-why/人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致htm...
获取input标签的所有属性
透明大脑
06-27 2034
用jquery $("input[name='btnAdd']").attr("value") 获取value属性值，其它属性换attr的参数就OK
input_data.txt
03-12
input_data.txt 用户数据
HTML5属性data-*的操作
CRPER
04-25 8071
HTML5 自定义属性data-*的操作技巧汇总
【无标题】eval-scope 自定义数据集-翻译
齐殿天下
07-11 671
【代码】【无标题】eval-scope 自定义数据集-翻译。
基于TextInput的常见自定义效果解决方案
最新发布
hongxiaomeng的博客
07-30 666
input-42-data.zip
08-15
input-42-data.zip
如何获取Input标签自定义属性的值
qq_39195596的博客
08-17 716
jquery对象转换为dom对象在用getAttribute拿data属性的值 alert($("#toedituserinfo")[0].getAttribute("data"));
input等的data-name、data-age HTML5 自定义属性
热门推荐
a281246240的专栏
01-07 1万+
data-*方式来自定义属性，data-*实际上上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。 div id="test" data-age="24"> div> 赋值：$('.inp').data('name','tcac');  $('.inp').data('id','0058'); 获取值：$('.inp').data('name');
data-属性名的用法，解决对表格里多个input值的处理
lannieZ的博客
05-29 903
像这种表格中多个input，并想对input数据进行处理的，可以用data-属性名动态绑定数组里的类似唯一的id这种字段 <el-table :data="tableData2"> <el-table-column label="商品规格" width="135"> <template slot-scope="scope"> <el-input placeholder="填写商品规格" v-model="scope.r.
input-42-data.zip数据集(Natural image stitching with the global similarity prior论文数据)
u011617090的博客
01-05 867
GSP算法github:https://github.com/nothinglo/NISwGSP input-42- data.zip数据集下载:链接：https://pan.baidu.com/s/1YbDBADw9WNGnV4cvWyJhcg 提取码：wq0v
【微信小程序】 input双向数据绑定
Enchanted to meet U
07-29 2923
在微信小程序中，js的数据和前端显示的数据是单数据流 js里边的数据变了，前端能立刻显示 但如果前端数据变了，js不能改变 解决方法 写一个下面的js方法,名称可以任意取，用于绑定input输入 bindInput(e){ // 表单双向数据绑定 var that = this; var dataset = e.target.dataset; // data-开头的是自定义属性，可以通过dataset获取到，dataset是一个json对象 var name .
BJUI--data-rule规则及自定义
weixin_38488105的博客
09-08 1978
1.必输 data-rule="required" 2.整数 （1）整数：data-rule="integer;" （2）正整数：data-rule="integer(+);" 3.长度 （1）最大长度：data-rule="length(~8)" //长度最大为8
el-input输入正负数
08-24
要使el-input输入正负数，可以使用以下两种方法： 1. 使用type属性设置输入框类型为number，然后通过设置min和max属性来限制输入的范围。例如，可以将min设置为负无穷，max设置为正无穷，这样就可以输入正负数了。代码示例： ``` <el-input v-model="xxx" type="number" :min="-Infinity" :max="Infinity"></el-input> ``` 2. 自定义一个方法来处理输入的值，判断是否是正负数。可以使用keyup事件，并在方法中进行逻辑判断。 代码示例： ``` <el-input v-model="xxx" @keyup.native="checkNumber"></el-input> // 方法中的checkNumber可以根据输入的值判断是否为正负数 methods: { checkNumber(e) { // 获取输入的值 let val = e.target.value; // 判断是否是正负数 if (parseFloat(val) < 0) { // 输入的是负数 } else { // 输入的是正数 } } } ``` 通过以上两种方法，可以使el-input输入正负数。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [element ui input输入框仅支持输入正负数和小数（正则）](https://blog.youkuaiyun.com/m0_59501287/article/details/126010051)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [vue如何限制只能输入正负数及小数](https://download.youkuaiyun.com/download/weixin_38565628/13979629)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值