クリック時のブロックスタイルを変更する

Question

私はAngular CLIを使用し、メニューリストを持っています。私はTSにスタイルを変更するにはどうすればよい

export class ProfileComponent implements OnInit { 


    constructor() { } 

    changeColor() { 
    let menuButton = document.getElementById("menu_btn"); 
    } 

：私は

<ul> 
    <li class="menu_btn">1</li> 
    <li class="menu_btn">2</li> 
    <li class="menu_btn">3</li> 
    <li class="menu_btn">4</li> 
</ul> 

TSをクリックした後、李の背景色を変更したいのですが？または何らかの方法

Answer 1

export class ProfileComponent implements OnInit { 


    constructor() { } 

    changeColor() { 
     let menuButton = document.getElementsByClassName("menu_btn") as HTMLCollectionOf<HTMLElement>; 
     menuButton.style.backgroundColor = 'yourColor'; 
    } 

これは何のIDあなたが好き使用することができます

使用クラス名の代わりに

​​

はありません、あなたのHTMLで

Answer 2

をクリックしてのaferすべてmenu_btnクラスを変更しますこのスタイルを変更するには

menuButton.style.backgroundColor = 'red';