如何为按钮添加多个tag？已有单个tag代码，求快速简便方案

嘿，这事儿超简单的，分几种常见场景给你说最快的实现方式：

• 静态HTML场景（直接改代码）
  如果你的按钮是直接写在HTML里的，想加额外tag直接在标签里追加就行：

  • 要是用class作为标签：原来的按钮是 <button class="btn tag-edit">编辑</button>，直接改成 <button class="btn tag-edit tag-delete">编辑</button> 就搞定
  • 要是用自定义data属性存多个标签：原来的 <button class="btn" data-tags="edit">编辑</button>，改成 <button class="btn" data-tags="edit,delete">编辑</button> 就行，用逗号或空格分隔都可以
  • 要是想存独立的标签属性：直接加新的data属性，比如 <button class="btn" data-tag-edit="true" data-tag-delete="true">编辑</button>

• JavaScript动态添加场景
  如果需要在运行时给按钮加tag，先拿到按钮元素，比如 const btn = document.querySelector('.btn');，然后：

  • 加class标签：调用 btn.classList.add('tag-delete');，一秒搞定，还不会重复加相同的class
  • 追加到已有的多标签属性里：

    const existingTags = btn.getAttribute('data-tags') || '';
    btn.setAttribute('data-tags', `${existingTags}${existingTags ? ',' : ''}delete`);
    

  • 加独立的自定义属性：btn.setAttribute('data-tag-delete', 'true');

• Android原生场景
  要是你在做Android开发，给Button加多个tag可以用带key的setTag方法：
  原来的 button.setTag("edit");，现在可以加第二个：

  // 先在res/values/ids.xml里定义一个唯一的key，比如 <item name="tag_key_delete" type="id"/>
  button.setTag(R.id.tag_key_delete, "delete");
  

  如果是用第三方标签UI组件（比如TagGroup），直接调用组件的addTag("delete")方法就行

内容的提问来源于stack exchange，提问作者Dim