HTMl 的attribute与property区别：

1、attribute和property都可以翻译为属性，为了以示区别，通常把这两个单词翻译为属性与特性。

2、在JavaScript有专门处理attribute的函数 .getAttribute(name) / setAttribute(name,value)。

3、property是DOM对象的字段，跟我们平常使用的一些对象一样，包含很多字段，这些字段就是property，取值或者设置值和普通字段一样通过”对象.字段“的方式。

4、attribute和property容易混倄是因为很多attribute节点还有一个相对应的property属性，比如上面div的”id“ attribute 同样可以用t.id取到（实际上绝大部分人都是这样获取的），通过property更改id后，用getAttibute获取的id是更新后的id。

attr和prop

Attributes VS. Properties 在一些特殊的情况下，attributes和properties的区别非常大。在jQuery1.6之前，.attr()方法在获取一些attributes的时候使用了property值，这样会导致一些不一致的行为。在jQuery1.6中，.prop()方法提供了一中明确的获取property值得方式，这样.attr()方法仅返回attributes。

注：本文非原创，纯粹是为了埋掉自己挖的坑。来源：http://www.jb51.net/article/41997.htm

扫码关注w3ctech微信公众号