Javascript （Blazor.NetCore）如何获取DOM元素'；初始化时的s值

我希望在初始化时获得DOM元素的值，如下所示

===== cs code =====
protected override async Task OnInitializedAsync()
{
    int videoDuration1 = (int)await JSRuntime.InvokeAsync<double>("GetVideoDuration", "video1");
}

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    int videoDuration1 = (int)await JSRuntime.InvokeAsync<double>("GetVideoDuration", "video1");
}
===== js code =====
function GetVideoDuration(id) {
    var vid = document.getElementById(id);
    return vid.duration;
}

==cs代码=====
受保护的重写异步任务OnInitializedAsync（）
{
int videoDuration1=（int）等待JSRuntime.InvokeAsync（“GetVideoDuration”，“video1”）；
}
AfterRenderAsync（bool firstRender）上受保护的重写异步任务
{
int videoDuration1=（int）等待JSRuntime.InvokeAsync（“GetVideoDuration”，“video1”）；
}
=======js代码=====
函数GetVideoDuration（id）{
var vid=document.getElementById（id）；
返回vid.duration；
}

只能在呈现页面后才能获取DOM元素的值吗