javascript为html元素添加自定义属性代码

快乐打工仔 分类:实例代码

本章节通过代码实例介绍一下如何为html元素添加自定义属性。

需要的朋友可以做一下参考,代码实例如下:

<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<script>
window.onload = function () {
  var obt = document.getElementById("bt");
  var odiv = document.getElementById("antzone");
  obt.onclick = function () {
    odiv.setAttribute("webName", "前端教程网");
    odiv.innerHTML = odiv.getAttribute("webName");
  }
}
</script>
</head>
<body>
<div id="antzone"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

上面的代码实现了我们的要求,代码很简单,更多内容可以参阅相关阅读。

相关阅读:

(1).setAttribute()可以参阅setAttribute()一章节。

(2).getAttribute()可以参阅getAttribute()一章节。

回复

我来回复
  • 暂无回复内容