DOM對象對于js來說，是個很基礎的元素，我們寫js一般來說，都一定會對它進行操作。我們可以很方便地給它加上自定義的屬性，比如：

var test = document.getElementById("test");

test.adang = "adang";

alert(test.adang);

我們會發現，已經給這個id為test的DOM元素添加了一個叫做adang的屬性了，然后在js中，可以調用這個屬性。我在寫js的時候經常用到這種方法，可以很方便地對某個dom對象添加一些特殊的數據，感覺DOM對象就像一個很好用的容器，可以放一堆數據進去。

進一步想到一個問題，這些屬性可以在js中添加，那么是否可以像flex一樣，在標簽中添加呢？事實上，像id啊，src啊這樣的屬性，都是可以在 js中添加，也可以在標簽上添加的，兩種方式js都可以獲取數據。這里要說一點，class比較特殊，標簽中用的是class，在js中調用卻要用 className才行。

像id啊，title，src此類html中支持的屬性，可以在標簽中設置，然后js訪問。那么，如果是像我上面例子中的adang這樣自定義的屬性呢？DOM可以訪問嗎？做了個實驗，如下：

new document

window.οnlοad=function(){

var test = document.getElementById("test");

test.adang = "adang";

alert(test.adang);

}

用js來擴展自定義屬性，結果很正常地輸出了我們想要的結果，IE和FF下都正常。

然后我又寫了第二段代碼，如下：

new document

window.οnlοad=function(){

var test = document.getElementById("test");

alert(test.adang);

}

這次把擴展的屬性寫到了html標簽上。IE下正常輸出adang,FF下輸出的是undefined。

但是很奇怪的，如果使用DOM提供的方法getAttribute(""),無論是在IE下，還是FF下，都可以得到我們寫在標簽中的自定義屬性。

所以，為了兼容，我們要使用getAttribute("")來獲取自定義的標簽屬性的值。

相關標簽：JS

本文原創發布php中文網，轉載請注明出處，感謝您的尊重！

總結

以上是生活随笔為你收集整理的php html标签自定义属性,浅谈JS读取DOM对象(标签)的自定义属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。