Javascript试图获取鼠标移动过的图像的ID

我想得到鼠标悬停的图像的id。但是我不知道如何取得身份证。谁能帮我一下吗：）。泰

---

使用

此

关键字：

<div id="thumbnails" onmouseover="mouseOver(this);" ></div>

function mouseOver(e){
   alert(e.id);
}

---

注意当图像悬停时调用的

mouseOver

函数

此

将引用图像元素而不是div.

若要在图像上方悬停时获取图像的

id，请尝试以下操作：

function placeImage(x){
    var div = document.getElementById("thumbnails");
    div.innerHTML = ""; // clear images
    for (var i =0; i <= x; i++) {
        var image=document.createElement("img");
        image.className += " Atributes";
        image.src="images/foto_klein_"+i+".jpg";
        image.width="135";
        image.height="90";
        image.alt="foto_klein_"+i;
        image.id="image"+i;
        image.position="relative";
        image.onmouseover = mouseOver;    // <-- Added this
        div.appendChild(image);
        image.style.marginRight = '10px';
        _img.push(image);
    }
}

function mouseOver(e) {
    alert(this.id);
}

函数placeImage（x）{
var div=document.getElementById（“缩略图”）；
div.innerHTML=“；//清除图像
对于（var i=0；我希望这能有所帮助，尽管我不确定它是否能处理动态添加的图像

document.ready = function () {
    var thumbnails = document.getElementById("thumbnails");

    var imgs = thumbnails.getElementsByTagName("img");

    for( var i=0; i<imgs.length; i++ ) {
        imgs[i].onmouseover = function() {
            alert( this.id );
        }
    }
};

document.ready=函数（）{
var thumbnails=document.getElementById（“缩略图”）；
var imgs=thumbnails.getElementsByTagName（“img”）；
对于（var i=0；iYes，谢谢你已经尝试过了，但是没有发布。但是警报返回“缩略图”。图像嵌套在缩略图中。那么我如何访问它们呢？@user2072498它会返回缩略图，因为这就是id。@DarrenDavies他想要
的
id
，我猜是在所说的
中。@DarrenDavies这与图像无关。OP正在尝试获取我想要的图像的
id
s悬停在（恰好是thumbails div的子/后代）@DarrenDavies是真的，但当问题被问到和你回答时，我不在这里。我来晚了。我发现事情不匹配。我不应该去查看问题/答案的编辑历史，并决定我应该如何投票。尽管如此，关键是事情会发生变化，欢迎你适应（就像刚刚编辑时那样），所以我很高兴现在改变我的投票，因为它似乎是正确的。嗯，是的，因为你将鼠标上方的
绑定到
而不是图像上。
<div id="thumbnails" onmouseover="mouseOver(this);" ></div>

function mouseOver(e){
   alert(e.id);
}

var image=document.createElement("img");
   image.className += " Atributes";
   image.src="images/foto_klein_"+i+".jpg";
   image.width="135";
   image.height="90";
   image.alt="foto_klein_"+i;
   image.id="image"+i;
   image.mouseover = mouseOver;
   image.position="relative";
   div.appendChild(image);
   image.style.marginRight = '10px';
   _img.push(image);

}

function placeImage(x){
    var div = document.getElementById("thumbnails");
    div.innerHTML = ""; // clear images
    for (var i =0; i <= x; i++) {
        var image=document.createElement("img");
        image.className += " Atributes";
        image.src="images/foto_klein_"+i+".jpg";
        image.width="135";
        image.height="90";
        image.alt="foto_klein_"+i;
        image.id="image"+i;
        image.position="relative";
        image.onmouseover = mouseOver;    // <-- Added this
        div.appendChild(image);
        image.style.marginRight = '10px';
        _img.push(image);
    }
}

function mouseOver(e) {
    alert(this.id);
}

document.ready = function () {
    var thumbnails = document.getElementById("thumbnails");

    var imgs = thumbnails.getElementsByTagName("img");

    for( var i=0; i<imgs.length; i++ ) {
        imgs[i].onmouseover = function() {
            alert( this.id );
        }
    }
};