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

相关内容

热门资讯

今日公布!川滇互娱app辅助,... 今日公布!川滇互娱app辅助,反杀新火神辅助,解密教程(有挂分析);无需打开直接搜索加(薇:1367...
指导大家!广东闲来游戏辅助,朱... 您好:广东闲来游戏辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
一分钟揭秘!福建大菠萝辅助透视... 一分钟揭秘!福建大菠萝辅助透视,四川家园辅助软件,黑科技教程(有挂分享)1、下载安装好福建大菠萝辅助...
玩家交流!一起宁德吊蟹辅助,杭... 玩家交流!一起宁德吊蟹辅助,杭州都莱辅助软件,教你教程(有挂教程);无需打开直接搜索加(薇:1367...
盘点一款!决战卡五星挂怎么弄,... 盘点一款!决战卡五星挂怎么弄,掌电竞技辅助器,AI教程(有挂方针);无需打开直接搜索加(薇:1367...
技巧知识分享!广东雀神智能插件... 您好:广东雀神智能插件安装价格这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
分享个大家!同城游修改器,盛世... 您好:同城游修改器这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...
一分钟揭秘!永久免费脚本透视工... 一分钟揭秘!永久免费脚本透视工具,新蜜瓜大厅免费控制器,透明教程(有挂解密);无需打开直接搜索加(薇...
今日重大通报!打哈儿脚本,潮汕... 您好:潮汕掌上娱脚本这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特...
最新技巧!爱玩联盟辅助,吉林心... 您好:爱玩联盟辅助这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别...