asp.net - 如何将 CssClass 应用于一系列具有不同 ID 的相似对象

Question

我有一个大型应用程序，其中有很多提交 - 删除 - 取消 - 添加和 .. 按钮。它们都使用相同的 .Button CssClass。

我决定到达界面，以便我想要区分按钮界面。

如何将 CSSClass 应用于一系列具有不同 ID 的相似对象

我应该在整个应用程序中都有类似的删除/提交/取消或...按钮界面

所有的删除按钮id都是btnDelete，其余的都一样。 (btnSubmit - btnCancel ...)

请注意，它们是 Asp 控件，因此只有名称的最后一部分是 btnDelete 或 ...，并且在名称之前，您有一个客户端 ID，例如 (MainPage_MainControl_TheSimpleForm_btnDelete)

Answer 1

使用你声明的公共(public)类:

.Button {
  /* applies to all buttons */
}

如果你想选择一组按钮，你可以添加更多的样式，用空格分隔。

<button class="Button AddButton" id="AddButton1">Add</Button>

CSS

.AddButton {
  /* only applies to add buttons */
}

编辑:

经过澄清，我们需要在不改变原始 HTML 的情况下添加类。如何遍历元素并根据 id 分配一个额外的类。

var buttons = document.getElementsByTagName('button');

for (var i = 0; i < buttons.length; i++) {
    var btn = buttons[i];
    if (btn.id.indexOf('btnAdd') > 0) {
       btn.className = btn.className + ' ButtonAdd'; // the space is important
    } else if (btn.id.indexOf('btnDelete') > 0) {
       btn.className = btn.className + ' ButtonDelete'; // the space is important
      ...
    }
}