可以通过以下步骤实现:
ViewChild
装饰器来获取对应的HTML元素。import { Component, ElementRef, ViewChild } from '@angular/core';
@Component({
selector: 'app-example',
template: `
<div class="parent">
<div class="child"></div>
</div>
`
})
export class ExampleComponent {
@ViewChild('parentElement', { static: true }) parentElement: ElementRef;
ngAfterViewInit() {
const parentElement = this.parentElement.nativeElement;
const childElement = parentElement.querySelector('.child');
const className = childElement.className;
console.log(className);
}
}
在上述示例中,我们使用ViewChild
装饰器来获取具有#parentElement
选择器的HTML元素,并在ngAfterViewInit
生命周期钩子中查找同级元素的类名。通过querySelector
方法,我们可以使用CSS选择器来查找同级元素,这里我们查找类名为.child
的元素。最后,我们可以通过className
属性获取到该元素的类名。
请注意,上述示例中的代码仅为演示目的,实际应用中可能需要根据具体情况进行适当的修改。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云