相关疑难解决方法(0)

我试图在不同的地方获得相同对象的位置，其中，使用 javascript 函数，我应该获得不同的顶部位置，但这不是场景。脚本代码：

<script type="text/javascript">
    window.ShowAlert = function myFunction(element) {   
    console.log("Hello World.");
    alert(element.offsetTop);
   }
</script>

Index.razor 代码：

@inject IJSRuntime jsRuntime

<div>
    @for (int i = 0; i < 10; i++)
    {
        <div @onclick="MemberFunction" @ref="memberRef">Click Here</div>
    }

</div>

@code {

    private ElementReference memberRef;
    void MemberFunction()
    {
        jsRuntime.InvokeAsync<object>("ShowAlert", memberRef);
    }
}

正如你在这里看到的，我for在同一个 div 中做一个，他在那里下线。我想从中得到的是，对于每个div发布的内容，它都应该给我不同的值offsetTop，因为他一个接一个地往下走。我该如何处理这个问题？

为了更好地理解这里，您有一个演示https://blazorfiddle.com/s/4g57o82k。正如您在演示中看到的，每个Click Here的值是相同的。

感谢您的关注。