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

相关内容

热门资讯

aapoker透明!德扑ai智... aapoker透明!德扑ai智能机器人代理,德州辅助软件线上,专业教程(竟然真的有挂)准备好在德扑a...
德扑之星作弊事件!德扑ai代打... 1、德扑之星作弊事件!德扑ai代打,德扑之星软件透明有人买,必备教程(有挂神器);详细教程。2、德扑...
wepoke一定有挂!wpk德... wepoke一定有挂!wpk德州ai辅助器,wpk俱乐部有外挂吗,黑科技教程(其实真的有挂);实战中...
aapoker辅助使用教程!a... aapoker辅助使用教程!aapoker辅助工具存在吗,aapoker下载教程,新2025版(有挂...
wpk透视辅助可测试真的假的!... wpk透视辅助可测试真的假的!wpk德州辅助,德州微扑克外挂是真的吗,规律教程(本然真的是有挂);支...
wpk透视辅助测试!wpk的发... wpk透视辅助测试!wpk的发牌有规律吗,wpk如何才能稳定长期收益,第三方教程(有挂教程)是一款可...
wpk辅助!pokerx智能软... 1、wpk辅助!pokerx智能软件,德扑之星app发牌规律,必赢方法(固有真的是有挂)2、进入游戏...
德州之星app辅助器!德州辅助... 德州之星app辅助器!德州辅助软件线上,德州可能有外挂吗,透明挂教程(有挂攻略)关于德州之星app辅...
aapoker辅助工具!德扑之... 您好,aapoker辅助工具这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多...
微扑克智能ai辅助!微扑克系统... 微扑克智能ai辅助!微扑克系统机制,微扑克透明挂,切实教程(有挂技巧)准备好在微扑克智能ai辅助 i...