<button id="details-button" class="secondary-button small-link" aria-expanded="false"> 高级 </button> 这个用什么元素定位写脚本

要为 `<button id="details-button">高级</button>` 添加点击事件并改变其激活状态，你可以使用JavaScript（通常与Vue.js一起使用）。这里是一个简单的示例：

首先，在HTML模板中，保持原始按钮结构不变：

<button id="details-button" class="secondary-button small-link" aria-expanded="false">
    高级
</button>

然后，在Vue组件的`methods`部分添加一个用于更改按钮状态的方法，假设我们想当按钮被点击时，切换它的文本和激活状态：

<template>
  <!-- ... -->
</template>

<script>
export default {
  methods: {
    toggleAdvancedButton() {
      const buttonElement = document.getElementById('details-button');
      
      // 切换文本
      if (buttonElement.innerText === '高级') {
        buttonElement.innerText = '基础';
      } else {
        buttonElement.innerText = '高级';
      }

      // 切换aria-expanded属性
      buttonElement.setAttribute('aria-expanded', !buttonElement.getAttribute('aria-expanded'));
    }
  },
  // ...
}
</script>

在上述代码中，`toggleAdvancedButton` 方法会找到具有指定id的按钮元素，然后更改其文本和`aria-expanded` 属性以表示按钮的状态变化。