在JavaScript中使用ariaHidden属性与aria-hidden属性的区别及选型疑问

嘿，这个问题问得挺细致的，我来给你捋捋清楚~

首先得明确：这两种方式本质上是等价的，都是用来设置元素的无障碍隐藏属性，底层最终都会同步到DOM的aria-hidden属性上。不过它们确实有一些细节上的差异，以及各自的适用场景：

• 语法与底层逻辑的小差异
  ariaHidden是DOM元素的反射属性（reflected property），这类属性是HTML标准为了简化开发者操作，把对应的HTML属性做了一层“映射”——你对这个属性的赋值或读取，会自动同步到对应的HTML属性上；反过来，要是手动修改DOM里的aria-hidden属性，myElement.ariaHidden的值也会跟着同步变化。
  而setAttribute()则是直接操作DOM元素的HTML属性本身，没有中间的映射层，直接修改元素标签上的属性值。

• 为什么大家更常用setAttribute()？
  核心原因是开发习惯！不少有一定从业年限的前端开发者，更早接触的是直接操作HTML属性的方式，对反射属性的认知相对晚一些。另外，虽然ariaHidden这类ARIA反射属性在现代浏览器里兼容性已经非常好（Chrome、Firefox、Safari、Edge都全面支持），但有些开发者会下意识地优先选择自己更熟悉的setAttribute()，避免潜在的兼容性顾虑。
  还有个小点：aria-hidden是HTML里的原生属性名，直接写这个名字更直观，不容易搞混大小写或者拼写错误。

• 性能层面完全不用纠结
  你担心的性能差异完全是多虑了，这两种操作的性能差距微乎其微，在实际项目里根本感知不到。浏览器对这两种操作的优化已经做得非常到位，不会因为选了其中一种就出现性能瓶颈。

• 实用小细节：值的类型灵活性
  这里要提个小提醒！你示例里用的是字符串"true"/"false"，但ariaHidden作为反射属性，其实支持直接传布尔值（比如myElement.ariaHidden = true），浏览器会自动把它转换成对应的字符串值同步到DOM属性上。而setAttribute()则必须传字符串，如果你传布尔值true，它会被自动转换成字符串"true"——这一点两者最终效果一致，但用反射属性的时候用布尔值，代码会更清爽易读。

总结一下：如果是现代前端项目，这两种方式选哪种都没问题，完全看你的个人习惯或者团队的代码规范。要是追求代码更简洁，用ariaHidden反射属性会更顺手；要是更习惯和HTML属性保持一致的命名风格，那setAttribute()也完全靠谱。

备注：内容来源于stack exchange，提问作者Matt Smith