在单击按钮时以角度更改行的颜色

<button id="changeColorBtn">点击按钮改变行的颜色</button>
<table>
  <tr id="row1">
    <td>行1</td>
  </tr>
  <tr id="row2">
    <td>行2</td>
  </tr>
</table>

#row1 {
  background-color: #fff; /* 默认颜色 */
}
#row2 {
  background-color: #fff; /* 默认颜色 */
}

// 获取按钮和行的元素
var btn = document.getElementById('changeColorBtn');
var row1 = document.getElementById('row1');
var row2 = document.getElementById('row2');

// 给按钮添加点击事件的监听器
btn.addEventListener('click', function() {
  // 生成随机的角度值
  var angle = Math.floor(Math.random() * 360);
  
  // 设置行的样式属性，改变背景颜色和角度
  row1.style.backgroundColor = 'hsl(' + angle + ', 100%, 90%)';
  row1.style.transform = 'rotate(' + angle + 'deg)';
  
  row2.style.backgroundColor = 'hsl(' + angle + ', 100%, 90%)';
  row2.style.transform = 'rotate(' + angle + 'deg)';
});