如何在angular 8中通过id通过get元素更改类，以及如何更改div的样式

在Angular 8中，可以通过id获取元素并更改类，以及更改div的样式。下面是实现这些操作的步骤：

首先，在组件的HTML模板中，给需要更改类或样式的元素添加一个唯一的id属性。例如：

<div id="myDiv">Hello World</div>

在组件的TypeScript代码中，通过使用@ViewChild装饰器和ElementRef类，引用该元素。例如：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('myDiv', {static: false}) myDiv: ElementRef;

  // 在这里可以定义其他相关的变量和方法
}

接下来，在需要更改类或样式的逻辑中，使用nativeElement属性来获取原生的DOM元素，并进行类或样式的更改。例如：

// 通过id获取元素并更改类
this.myDiv.nativeElement.classList.add('my-class');
this.myDiv.nativeElement.classList.remove('old-class');

// 更改div的样式
this.myDiv.nativeElement.style.color = 'red';
this.myDiv.nativeElement.style.backgroundColor = 'yellow';

需要注意的是，上述代码中的my-class和old-class是示例类名，你可以根据实际情况进行替换。

关于腾讯云相关产品和产品介绍链接地址，可以根据实际需求在腾讯云官网进行查找，例如：