手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 19:18:32

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中如何用自定义属性标签
© 手抄报圈