javascript - 具有动态 ID 的 getElementByID

Question

您好，我在 ASP SharePoint Web 部件页面中遇到了 javascript 问题。该页面的构建方式与任何其他 ASP 页面相同，因此它托管在 SharePoint 中这一事实应该没有任何区别。

问题出在页面中的 javascript 上。我有由 8 个单元格组成的 Html 表。对于这些单元格中的每一个，我在鼠标悬停时显示一个不同的 div，其中包含不同的数据。

问题出在我试图显示的 Divs 的 ID 上。 Divs ID 在运行时更改，但每天都会更改，因此无法手动输入。

HTML:

<div id="Main" style="display: none;
    <div id="hover1" runat="server" style="display: none">
        Test
    </div>
</div>

<table id="Table3" runat="server" >
    <tr id="Tr8" runat="server" >
        <td id="status1" runat="server" onmouseover="getDataXML('hover1')" onmouseout="hideDiv('hover1')">
            Received
        </td>
    </tr>
</table>

id 'hover1' 在运行时被替换为类似 'ctl00_m_g_6ddac285_ceb9_4b5a_9095_c4b216cf7dfd_ctl00_hover1'

Javascript:

function getDataXML(getID) {
        document.getElementById('Main').style.display = "block";
        document.getElementById(getID).style.display = "block";
    };

如果我获取生成的 ID 并对其进行硬编码，则 javascript 可以工作，但 ID 每天都在变化，这意味着它成为一个问题。任何帮助我将不胜感激

问候，

Answer 1

为元素设置 clientIdMode = static

 <div id="hover1" clientIdMode="static" runat="server" style="display: none">