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

 时间:2026-02-14 07:59:39

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如何设置开启选股宝盯盘
  • 热门搜索
    福州旅游地图 几月份去云南旅游最好 广东熊猫国际旅游有限公司 浙江旅游景点推荐 旅游年卡官网 上海世博园旅游攻略 河南有什么旅游景点 湖南旅游局官网 朱家峪民俗旅游区 新西兰旅游景点