简述attribute和property的区别 ？

在HTML和JavaScript的上下文中，”attribute”（属性）和”property”（属性）是两个概念，它们在操作元素和获取元素信息时有所不同：

1. Attribute（属性）：

• 定义：在HTML标签中定义的属性，如<div id="myDiv" class="container">中的id和class就是属性。
• 操作：在JavaScript中，可以通过元素的getAttribute()方法来获取元素的属性值，例如 element.getAttribute('id')。
• 特点：属性值一般是静态的，即使通过JavaScript动态修改了属性值，HTML中的对应属性并不会随之更新。 示例：

   <div id="myDiv" class="container"></div>

在这个例子中，id 和 class 都是元素的属性。

2. Property（属性）：

• 定义：DOM对象上的属性，可以通过JavaScript访问和操作，反映了当前元素的状态和属性。
• 操作：通过JavaScript可以直接访问元素的属性，例如 element.id 或 element.className。
• 特点：属性通常是动态的，反映了当前DOM的状态。通过JavaScript修改属性，会直接反映到DOM上，而不会受到HTML标记中定义的限制。 示例：

   let element = document.getElementById('myDiv');
   console.log(element.id);  // 输出: "myDiv"
   console.log(element.className);  // 输出: "container"

区别总结：

• 属性（Attribute）是HTML标签中定义的静态属性，可以通过getAttribute()方法获取，不受JavaScript动态修改的影响。
• 属性（Property）是DOM元素的动态属性，可以直接在JavaScript中访问和修改，反映了当前DOM的状态。

在实际开发中，理解和区分这两个概念很重要，特别是在处理DOM操作和元素属性时，需要根据具体情况选择合适的方法来获取和操作元素的信息。