首页 > 其他分享 >标签的自定义属性操作 js 230211

标签的自定义属性操作 js 230211

时间:2023-02-11 11:32:51浏览次数:49  
标签:index sname 自定义 dataset 230211 js data 属性

约定

一般在自定义属性名前加上一个

data-

例如,index属性

data-index

标签的自定义属性操作 js 230211_自定义属性


设置属性

按照约定的方式设置

前缀加data-

h2.setAttribute("data-index", "6")


获取属性

格式1:

标签对象.dataset.自定义属性名

var sname = h.dataset.sname


格式2:

标签对象.dataset["自定义属性名"]

var sname = h.dataset["sname"]



标签:index,sname,自定义,dataset,230211,js,data,属性
From: https://blog.51cto.com/u_13137233/6050107

相关文章

  • JSP_指令_include&taglib指令与JSP_注释
    JSP_指令_include&taglibinclude指令:1.page:配置JSP页面的2.include:页面包含的。导入页面的......
  • [SA记录] P6095 [JSOI2015]串分割
    题目首先考虑到题目要求分割出的$k$个数中最大值尽量小,所以我们分割出的$k$个数的长度尽量相同。我们令$m=\lceil\frac{n}{k}\rceil$,那么这$k$个数中,有的长度为$m......
  • vue自定义指令, table 文字超出... element -tooltip
    /***@name:全局插件文件*@author:lili*@date:2022-11-1716:03*@description:全局插件文件*@update:2022-11-1716:03*/import{App,nextTick}fro......
  • 前端学习案例16-js中的HMR
    ......
  • bootstrap-js插件1-55
    1引入css和js2复制html组件 3运行之后得到下拉框......
  • bootstrap-js插件2-56
    1大模态框引入html自己定义2说明就可以显示js调用script ......
  • Vue课程22-使用babel-loader处理高级的js语法
        //导入jqueryimport$from'jquery'//导入图片文件importlogofrom"./logo.jpg"//给img标签的src动态赋值$('.box').attr('src',logo)//定义jquery的入口import......
  • 歌谣-jsp学习-web技术的前世今生1
    Web服务器•1990年,第一个Web服务器开始运行•网站服务器•站点服务器•本质上是一个软件系统•安装了web服务器软件的计算机为什么没有流传•操作太复杂•页面不好看•……......
  • jsp初识-2
    早期的网站一般是用标准的HTML文件也就是静态网页制作的,通常没有后台数据库、不能和用户交互,内容更新起来相对也比较麻烦,适用于一些不需要经常更新的展示型网站。而动态......
  • 20.jsp语法
    JSP语法本小节将会简单地介绍一下JSP开发中的基础语法。脚本程序脚本程序可以包含任意量的Java语句、变量、方法或表达式,只要它们在脚本语言中是有效的。脚本程序的语法......