所以我有這兩個標志：<div class="flag flag-srb" id="2" (click)="changeLanguage(2)">    <img src="assets/flags/srb.png" alt="srb" height="64" width="64"></div><div class="flag flag-eng" id="1" (click)="changeLanguage(1)">    <img src="assets/flags/eng.png" alt="eng" height="64" width="64"></div>默認情況下，這兩個的不透明度都是 0.5。css：.flag {    display: inline;    padding-right: 10px;    opacity: 0.5;}現在我想根據用戶選擇的不透明度將不透明度更改為 1。然后當他切換到不同的標志（點擊不同的標志）時，他選擇的不透明度變為 1，而另一個恢復為 0.5。當他點擊旗幟時，他激活了這個功能： changeLanguage(id){    this.sightService.changeLanguageId(id);    this.sightService.getSights().subscribe(sights => {      this.sights = sights;    });    console.log("this.sights is now: ", this.sights);    console.log("id is",id);    var testNula = document.getElementById(id); //GET PICTURE WITH ID    var testDva = document.getElementById(id).id; //GET PICTURE ID, THE NUMBER    if(testDva == this.sights[0].pin_lang_id) { //WHAT I TRIED      console.log("THIS ONE IS SELECTED", testDva);      testNula.style.opacity = "1";    } else if (testDva != this.sights[0].pin_lang_id) {      testNula.style.opacity = "0.5";    }  }注意this.sights[0].pin_lang_id是加載了一個服務。所以當他點擊旗幟時會發生變化。我想用這個來改變不透明度。另外，當頁面加載時this.sights[0].pin_lang_id是 2，所以第一個標志應該是不透明度 1，另一個是 0.5。當他點擊英國國旗時，第一個旗幟應該是0.5，而英國是1。