使用Javascript使用子级按钮更改父类

<button id="parentButton">父类按钮</button>
<button class="childButton">子级按钮1</button>
<button class="childButton">子级按钮2</button>

// 获取父类按钮和子级按钮的引用
const parentButton = document.getElementById('parentButton');
const childButtons = document.getElementsByClassName('childButton');

// 遍历子级按钮，并为每个按钮添加点击事件监听器
for (let i = 0; i < childButtons.length; i++) {
  childButtons[i].addEventListener('click', function() {
    // 在点击事件处理函数中更改父类按钮的内容或样式
    parentButton.textContent = '父类按钮被子级按钮' + (i+1) + '更改';
    parentButton.style.backgroundColor = 'green';
  });
}