typescript - 使用类名的 Typescript 或 Angular5 禁用按钮

Question

我想使用类名禁用按钮。我的按钮使用类名动态呈现，并且没有 id。如何使用类名禁用按钮？

HTMLInputElement 下面不使用类名。

(<HTMLInputElement> document.getElementByClassName("class-name")).disabled = true;
document.getElementsByClassName("k-dialog-buttongroup")[0].disabled = true;

(<HTMLInputElement> document.getElementById("id")).disabled = true;

此修复与我之前的帖子有关 :)

angular 4 Kendo 对话框禁用操作按钮

标签： typescriptangular5

Answer 1

尝试这个：

var x = document.getElementsByClassName("btn");
        var i;
        for (i = 0; i < x.length; i++) {
            (<HTMLElement>x[i]).setAttribute("disabled", "disabled");
        }

此代码选择所有具有 css 类“btn”的按钮并设置禁用属性。