attribute & property

attribute：HTML标签的预定义和自定义属性，统称为attribute property：JavaScript原生对象的直接属性，统称为 property

  1. <body>
  2.   <!-- checked属性为hello，同样会选上 -->
  3.   <input type="checkbox" checked="hello" qhf="qhf"/>
  4. </body>
  5. <script type="text/javascript">
  6.   debugger
  7.   var qhf = document.querySelector("input[type=checkbox]");
  8. </script>

1.png

布尔值属性 和 非布尔值属性 (property)

只有预定义的属性才有布尔值属性和非布尔值属性之分。

propertry 的值为布尔类型的，称为布尔值属性，比如预定义的checked属性。 property的值为非布尔类型的，称为非布尔值属性，比如<input>标签的name属性。