脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JS中的“特性”与“属性”attribute与property，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

DOM元素的attribute和PRoPErty很容易混x在一起，分不清楚。特别区分一下。

attribute是HTML标签上的"特性"，它的值只能够是字符串
property是DOM中的"属性"，是JavaScript里的对象；

attribute节点都是在HTML代码中可见的，而property只是一个普通的名值对属性。

之所以attribute和property容易混x在一起的原因是，很多attribute节点还有一个相对应的property属性，比如p元素的id和class既是attribute，也有对应的property，不管使用哪种方法都可以访问和修改。

但是对于自定义的attribute节点，或者自定义property，两者就没有关系了。

例如：

1、

hello

其中，gameid自定义属性，因此只能用getAttribute访问，无法用e.propName访问

console.LOG( elem.getAttribute('gameid') ); // 880

console.log（elem.gameid）; //undefined

console.log( elem.removeAttribute('gameid') ); // undefined 删除

2、自定义property节点

elem.myColor = “red”; // 添加

console.log( elem.myColor ) // “red”

console.log(elem.getAttribute(';myColor')); //null

delete elem.myColor // 删除

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JS中的“特性”与“属性”attribute与property全部内容，希望文章能够帮你解决javascript代码实例教程-JS中的“特性”与“属性”attribute与property所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。