如何通过JavaScript增强HTML爱心的动态效果？

通过JavaScript增强HTML爱心的动态效果，你可以使用各种方法。以下是几个示例：

1. **修改CSS属性**：通过JavaScript控制元素的CSS属性，比如位置、大小、颜色或动画。例如，你可以使用`setInterval`函数改变`transform`属性来模拟飘动或闪烁的效果：

let heart = document.querySelector('.heart');
var timer = setInterval(function() {
  heart.style.transform = 'scale(' + (Math.random() * 1.5 + 0.5) + ')';
}, 500);

2. **事件驱动**：当用户交互时触发特定效果，比如点击或鼠标悬停。这可以用`addEventListener`实现：

heart.addEventListener('click', function() {
  this.classList.toggle('highlighted'); // 显示/隐藏高亮效果
});

3. **使用第三方库**：像`particle.js`这样的粒子效果库，可以直接在HTML中引入并控制，提供丰富的预设效果和自定义选项。

<script src="path/to/particle.min.js"></script>
...
<particle></particle>
<script>
  let particles = new Particle('.heart');
</script>