Question

JS里面用setAttribute和用.或者[]来设置属性值有什么区别，在什么情况下只能用setAttribute来设置？

1.JS里面用setAttribute和用.或者[]来设置属性值有什么区别，在什么情况下只能用setAttribute来设置？
2.如果用.或者[]可以满足给元素新增或者修改属性值的需求，为什么还需要setAttribute()这个方法呢？
求大神们解答一下！！无限感激！！

Answer 1

如果这个属性是元素的内置属性，比如 id、style、href、src等，可以使用.或者[]来表示（这些属性浏览器会自动识别并进行使用）；
而如果属性是自定义的，也就是说元素本身是没有这个属性的，是网页设计者出于某种需要自行加上去的（浏览器不会识别这些属性，主要是供js调用的），则必须使用setAttribute来设置。
当然，setAttribute用于内置属性也是可以的。
但是，由于存在浏览器兼容问题，以上原则可能不是百分百准确的，不过作为网页开发者，应该尽量按照标准来进行处理，尽量遵循上述原则。

Answer 2

若添加属性请习惯用setAttribute(),若修改属性则使用.或[]