在Blazor组件中,可以通过注入IJSRuntime服务来调用JavaScript代码来读取容器页面的class属性。以下是一个示例:
首先,在Blazor组件中注入IJSRuntime服务:
@inject IJSRuntime JSRuntime
然后,在组件的代码中定义一个方法来调用JavaScript代码:
private async Task GetContainerClass()
{
return await JSRuntime.InvokeAsync("eval", "document.querySelector('.container').className");
}
在上面的代码中,我们使用document.querySelector('.container')
来获取具有container
类的元素,并使用className
属性来获取其class属性值。
最后,在组件的渲染部分调用GetContainerClass
方法并显示返回的class属性值:
Container Class: @containerClass
@code {
private string containerClass;
private async Task GetContainerClass()
{
containerClass = await GetContainerClass();
}
}
在上面的代码中,我们使用一个按钮来触发GetContainerClass
方法,并将返回的class属性值显示在屏幕上。
请注意,上述示例中的'.container'
是一个选择器,你需要根据你的实际情况来修改它以匹配你的容器元素。