我试图在不同的地方获得相同对象的位置，其中，使用 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的值是相同的。
感谢您的关注。
我开始使用 blazor，通过一个演示项目，我遇到了字符集问题，它不起作用，也许它没有在需要的地方实现，我真的不知道。\n所以我index.html在 wwwroot 内的 html 文件和我的组件中实现了字符集Index.razor。在我的Index.razor“我仅使用主体元素调用其他组件”中，需要重音的单词在哪里。
我在index.html 中的代码（我真的不知道这段代码的作用，它随演示一起提供）：
\n\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset="UTF-8">\n <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />\n <meta name="description" content="Guild Project"/>\n <title>Mission Control</title>\n <base href="/" />\n <script src="localStorage.js"></script>\n <link href="_content/RazorComponentsMaterialDesign/styles.css" rel="stylesheet" />\n <script src="_content/RazorComponentsMaterialDesign/script.js"></script>\n <script src="_content/RazorComponentsMaterialDesign/lib/material-components-web.js"></script>\n <link href="css/Layout.css" rel="stylesheet" />\n <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js"></script>\n <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css" rel="stylesheet" />\n</head>\n<body style="margin: 0px">\n\n <app>\n <!-- "Loading" spinner -->\n <div role="progressbar" class="mdc-linear-progress mdc-linear-progress--indeterminate">\n <div class="mdc-linear-progress__buffer"></div>\n <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>\n <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>\n …