<p id="test" class="hello"></p> var test = document.getelementbyid("test"); test.adang = "adang"; alert(test.adang);
我们会发现，已经给这个id为test的dom元素添加了一个叫做adang的属性了，然后在js中，可以调用这个属性。在写js的时候经常用到这种方法，可以很方便地对某个dom对象添加一些特殊的数据，感觉dom对象就像一个很好用的容器，可以放一堆数据进去。
像id啊，title，src此类html中支持的属性，可以在标签中设置，然后js访问。那么，如果是像上面例子中的adang这样自定义的属性呢？dom可以访问吗？做了个实验，如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <script type="text/javascript"> window.onload=function(){ var test = document.getelementbyid("test"); test.adang = "adang"; alert(test.adang); } </script> <body> <p id="test"></p> </body> </html>
用js来扩展自定义属性，结果很正常地输出了我们想要的结果，ie和ff下都正常。
然后又写了第二段代码，如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <script type="text/javascript"> window.onload=function(){ var test = document.getelementbyid("test"); alert(test.adang); } </script> <body> <p id="test" adang="adang"></p> </body> </html>
这次把扩展的属性写到了html标签上。ie下正常输出adang,ff下输出的是undefined。
但是很奇怪的，如果使用dom提供的方法getattribute(),无论是在ie下，还是ff下，都可以得到我们写在标签中的自定义属性。
所以，为了兼容，我们要使用getattribute()来获取自定义的标签属性的值。
以上就是javascript如何读取dom对象的属性实现代码详解的详细内容。