js中如何用自定义属性标签

 时间:2026-04-28 22:47:26

1、新建文件创建一个div

js中如何用自定义属性标签

2、创建两个操作按钮

js中如何用自定义属性标签

3、用js获取div和两个按钮

js中如何用自定义属性标签

js中如何用自定义属性标签

4、显示sd内容

js中如何用自定义属性标签

js中如何用自定义属性标签

5、设置sd内容

js中如何用自定义属性标签

js中如何用自定义属性标签

6、附上完整代码

<body>

<div id="box" sd="500">hello word</div>

<button id="btn1">查看sd信息</button>

<button id="btn2">设置sd信息</button>

<script>

  var oBox = document.getElementById("box");

  var oBtn1 = document.getElementById("btn1");

  var oBtn2 = document.getElementById("btn2");

  

 oBtn1.onclick = function(){

var date =  oBox.getAttribute("sd");

 //alert(date)

}

 

 oBtn2.onclick = function(){

oBox.setAttribute("sd",100);

</script>

</body>

js中如何用自定义属性标签

  • 什么时候不适合艾灸
  • 建筑加固包钢加固方法
  • 家常菜炖排骨汤的做法
  • 伦敦旅游景点攻略
  • 大智慧app如何设置开启选股宝盯盘
  • 热门搜索
    延禧攻略剧情介绍 刘湛秋简介 郭敬明简介 减肥期间晚餐吃什么 华为p9怎么样 风决定要走云怎么挽留是什么歌 广西旅游攻略 赛乐赛奥利司他胶囊减肥效果怎样 沈阳工业大学怎么样 女人气血虚怎么调理