Angular 8/9如何获取具有相同类名的多个元素的innerHTML？

在Angular 8/9中，要获取具有相同类名的多个元素的innerHTML，可以使用以下步骤：

1. 首先，使用@ViewChild装饰器在组件类中引用HTML元素。例如，如果要获取具有相同类名的多个元素的innerHTML，可以在组件类中添加以下代码：

@ViewChild('elementRef', { static: false }) elementRef: ElementRef;

这里的elementRef是一个模板引用变量，可以在HTML模板中使用。

1. 在HTML模板中，使用ngFor指令遍历具有相同类名的元素，并使用模板引用变量来引用它们。例如：

<div #elementRef class="myClass" *ngFor="let item of items">{{item}}</div>

这里的items是一个包含要显示的数据的数组。

1. 在组件类中，可以通过this.elementRef.nativeElement来访问具有相同类名的多个元素的原生DOM对象。然后，可以使用querySelectorAll方法来选择具有相同类名的元素，并遍历它们以获取innerHTML。例如：

ngAfterViewInit() {
  const elements = this.elementRef.nativeElement.querySelectorAll('.myClass');
  elements.forEach(element => {
    console.log(element.innerHTML);
  });
}

这样，你就可以获取具有相同类名的多个元素的innerHTML了。

对于Angular开发，腾讯云提供了一系列云服务和产品，包括云函数、云数据库、云存储等，可以帮助开发者构建和部署应用程序。你可以访问腾讯云官方网站了解更多关于这些产品的信息和使用方法。

参考链接：

• Angular ViewChild
• Angular ngFor
• 腾讯云云函数
• 腾讯云云数据库
• 腾讯云云存储