Blazor组件是否有办法读取其容器页面的class属性?
创始人
2024-12-22 10:00:07
0

在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'是一个选择器,你需要根据你的实际情况来修改它以匹配你的容器元素。

相关内容

热门资讯

透视系统!hhpoker开挂教... 透视系统!hhpoker开挂教程,hhpoker可以开挂吗,规律教程(有挂解密)1、hhpoker可...
透视新版(WPK)真是真的有挂... 透视新版(WPK)真是真的有挂(透视)wpk系统是否存在作弊行为(细节方法);1、玩家可以在wpk系...
透视计算!hhpoker作弊实... 透视计算!hhpoker作弊实战视频,hhpoker辅助,黑科技教程(有挂教程);1、游戏颠覆性的策...
透视安卓版(WPK)都是真的有... 透视安卓版(WPK)都是真的有挂(透视)wpk辅助器(详细教程);1、起透看视 wpk辅助器透明视辅...
透视ai!hhpoker怎么开... 透视ai!hhpoker怎么开透视,hhpoker作弊码,wpk教程(有挂揭秘)进入游戏-大厅左侧-...
透视软件(WPK)竟然真的有挂... 透视软件(WPK)竟然真的有挂(透视)有哪些免费的wpk作弊码(第三方教程);运有哪些免费的wpk作...
透视存在!hhpoker破解工... 透视存在!hhpoker破解工具,德州透视插件,扑克教程(有挂介绍)1、游戏颠覆性的策略玩法,独创攻...
透视讲解(WPK)好像真的是有... 透视讲解(WPK)好像真的是有挂(透视)wpk可以作弊吗(细节揭秘)在进入wpk可以作弊吗辅助挂后,...
透视玄学!hhpoker免费透... 透视玄学!hhpoker免费透视脚本,hhpoker透视工具,存在挂教程(有挂技巧)1、任何hhpo...
透视能赢(WPK)竟然有挂(透... 透视能赢(WPK)竟然有挂(透视)wpk真的有透视嘛(必备教程)1、wpk真的有透视嘛ai机器人多个...