我可以动态显示和隐藏 HTML 元素吗

Question

在 HTML 中，我可以通过添加属性 display:none 或 'display:block. Can I do this dynamically from myAngular` 组件来显示或隐藏元素。

我的 html 中有一个 textarea，我想在单击按钮时显示它。但是，我在 HTMLTextAreaElement 中看不到任何属性来执行此操作

let ref = this.titleTextArea.nativeElement as HTMLTextAreaElement;

如何让 ref 显示或隐藏？

Answer 1

您可以使用 click 事件来执行此操作，或者您可以使用 element.style.display 属性来显示或隐藏 HTMLElement

let textArea =(document.getElementById('textarea2') as HTMLTextAreaElement)
textArea.style.display ='block'

Can I dynamically show and hide an HTML element