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中如何用自定义属性标签

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com