当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JS使用xxx.index=0和xxx.setAttribute(‘index’,0)这两种设置自定义属性的区别?

JS使用xxx.index=0和xxx.setAttribute(‘index’,0)这两种设置自定义属性的区别?

2017年12月21日  | 移动技术网IT编程  | 我要评论

在JS中有两种设置自定义属性的的方式:

第一种是 xxx.index:是把当前元素当做一个普通对象,为其设置一个属性名(和页面中HTML没有关系)。
第二种是 xxx.setAttribute:是把元素当做特殊元素来处理,设置的自定义属性是和页面结构中的DOM元素映射在一起的。

在JS获取DOM的元素对象,我们可以理解为两种角色
与页面中的HTML结构无关的普通对象
与页面HTML结构的存在映射关系的元素对象

元素对象的自定义属性:xxx.index=0
仅仅是把JS对象中增加一个属性名(自定义的),和页面中HTML没有任何关系(在结构是看不见的)。

xxx.setAttribute:通过这种方式设置的内置属性和之前提到的内置属性差不多,都是和HTML结构存在映射关系的(设置自定义属性是可以呈现在结构上的)。

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网