Javascript 在angular中创建按钮时出错

Javascript 在angular中创建按钮时出错,javascript,angular,typescript,Javascript,Angular,Typescript,我想通过angular动态创建按钮,我现在正在使用JavaScript来创建按钮,我正在尝试更改按钮的类名,但出现以下错误 错误: 属性“className”在类型HTMLCollectionOf上不存在 代码: @jebprubio document.getElementByClassName()返回找到的元素的HTMLCOllection 如果您确定,将有一个元素,下面的代码将起作用: var element = document.getElementsByClassName("btnsho

我想通过angular动态创建按钮,我现在正在使用JavaScript来创建按钮,我正在尝试更改按钮的类名,但出现以下错误

错误:

属性“className”在类型
HTMLCollectionOf
上不存在

代码:


@jebprubio document.getElementByClassName()返回找到的元素的HTMLCOllection

如果您确定,将有一个元素,下面的代码将起作用:

var element = document.getElementsByClassName("btnshow");
element.innerHTML[0].innerHTML = "btnhide";

如果我遗漏了什么,请回复。

文档。getElementsByClassName
返回一个数组。您无法访问element.innerHTML这样,您需要通过类似
元素[0]这样的索引来访问它。例如,innerHTML

我没有得到您尝试过的确切代码,但正如您所说,您正在尝试使用Angular创建动态按钮。由于可重用组件是一种角度美,您可以尝试制作一个可重用组件

请参见以下内容:


谢谢你的回答。。其工作元素[0]。className=“btnhide”;
var element = document.getElementsByClassName("btnshow");
element.innerHTML[0].innerHTML = "btnhide";