javascript為html元素新增自定義屬性程式碼

antzone發表於2017-04-09
JavaScriptHTML

本章節通過程式碼例項介紹一下如何為html元素新增自定義屬性。

需要的朋友可以做一下參考，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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()一章節。

相關文章