如何选择由 DevExpress constrols 使用 Javascript DOM 技术自动生成的 html “i

How to select html "ids" that are automatically generated by DevExpress constrols using Javascript DOM technique?

本文关键字:技术 DOM Javascript 自动生成 html 使用 constrols 何选择 选择 DevExpress      更新时间:2023-09-26

我想创建一个弹出窗口,显示与数百个htmldiv(框)相关的特定信息,这些div只有共同的类,但DevExpress Controls自动生成的每个div都有特定的ID。

我有数百个自动生成的htmldiv"ids",当我使用Javascript DOM技术将鼠标悬停在该div上时,如何显示每个div特定信息?

试试这个:

    <div id="testDiv" onmouseover="alert(this.id)"> Alert on mouseover </div>

如果你在你的div 的类上触发悬停事件,你会得到事件对象的 id

 var classname = document.getElementsByClassName("classname");
var myFunction = function(event) {
    var attribute = this.getAttribute("data-myattribute");
    var id = event.target.id
    alert(attribute);
};
for (var i = 0; i < classname.length; i++) {
    classname[i].addEventListener('mouseover', myFunction, false);
}