for 循环.checked = true 仅最后一个选中，而 setAttribute

Question

如下示例代码：将 3 个 checkbox 都勾选上。为什么 setAttribute 可以，直接给checked 赋值却不行？  var test = document.getElementById('test');//   可以   for (var i = 0; i < 3; i++) {     test.innerHTML += `<input type="checkbox" class="c" />`;     document.getElementsByClassName('c')[i].setAttribute('checked',true);   }//   不可以  for (var i = 0; i < 3; i++) {    test.innerHTML += `<input type="checkbox" class="c" />`;    document.getElementsByClassName('c')[i].checked = true;  }