获取data-*属性

作者: 真是个非常帅气的昵称呢 | 来源:发表于2019-03-21 14:11 被阅读0次

关于输入框或文本框添加默认前置值不可删除且可继续输入
thymeleaf页面中使用data-*自定义属性
获取data-*属性
HTML5中data-*自定义属性作用
vue中自定义属性和获取自定义属性
读Zepto源码之Data模块
html5 data-*自定义属性
html中的data-*的用法和作用自定义属性
H5自定义属性及兼容处理
小程序常见的一些坑

1.js获取

var myDiv=document.getElementById("myDiv")
var appid=myDiv.dataset.appid //获取
myDiv.dataset.appid=456  //赋值

注意大小写

myDiv.dataset.appId=789
//结果为
<div id="myDiv" data-appid="123" data-app-id="789">HELLO</div>

myDiv.getAttributes("data-appid")

2.JQ获取

var appid=$("#myDiv").data("appid")  //123
var appId=$("#myDiv").data("app-id")  //789

var appid=$("#myDiv").attr("data-appid")  //123
var appId=$("#myDiv").attr("data-app-id")  //789

关于输入框或文本框添加默认前置值不可删除且可继续输入
原理：通过设置元素的data-* 属性的值，再通过css属性attr(data-*)获取设置的值，然后再使用be...
thymeleaf页面中使用data-*自定义属性
data-*自定义属性语法格式：data-* 1.自定义单个属性 2.自定义多个属性获取自定义属性值下面我们...
获取data-*属性
1.js获取注意大小写 myDiv.getAttributes("data-appid") 2.JQ获取
HTML5中data-*自定义属性作用
data-*是HTML5新增的一个自定义数据属性功能，作为可以暂存数据使用。利用dataset可以获取data-属...
vue中自定义属性和获取自定义属性
项目中源码如下 1.自定义属性：data-自定义属性2.获取自定义属性值：event.target.datas...
读Zepto源码之Data模块
Zepto 的 Data 模块用来获取 DOM 节点中的 data-* 属性的数据，和储存跟 DOM 相关的数据。...
html5 data-*自定义属性
data-*自定义属性的使用方式 1.可以对含有该属性的标签进行样式的赋值， 2.可以获取该属性的值，为自定义属性...
html中的data-*的用法和作用自定义属性
定义和用法 **data- *** 属性用于存储私有页面后应用的自定义数据。**data- *** 属性可以在所...
H5自定义属性及兼容处理
"data-"前缀可以让所有的HTML元素都支持自定义的属性。举个栗子：获取自定义属性（使用H5自定义属性对...
小程序常见的一些坑
dom中绑定的data-属性会将大写转为小写，在js中获取时postId会变为postid。 wx.showAct...