Javascript鼠标输出如果得到id显示，如果不写入；“没有身份证”；

我有两个不同id的div

缅因人

infoid

我需要它，当我将mainid div innerHTML文本鼠标移出时，带有第一个div的infoid就会出现

完整代码

函数myFunction（）{
var x=document.getElementById（“dom”）.id；
document.getElementById（“info”）.innerHTML=x；
}

html，主体{高度：100%；
保证金：0；
填充：0；}
h2，h3{
边际：0px；
文本对齐：居中；
填充顶部：25px；
}
.cc:nth child（奇数）。第一行{背景色：#CCC；
颜色：红色；}
p{文本对齐：居中；
保证金：0；
填充物：5px；
颜色：#fff；}
.box5{文本对齐：居中；
}
.box5.一线{
填充：0px；
边际：0px；
}
.box5.二线{
填充：0px；
边际：0px；
}
.box5 img{
垫面：3件；
垫底：3件；
右边填充：10px；
左侧填充：10px；
保证金：5px；
边框：3px实心#0B0B3B；
外形：3px实心#F4FA58；
显示：内联块；
}
.imgs{宽度：50px；高度：50px；}
@媒体屏幕和屏幕（最小宽度：769px）{
.box1{高度：50%；
宽度：30%；
浮动：左；
背景色：#81DAF5；}
.box2{高度：10%；
宽度：70%；
浮动：对；
背景色：#81F781；}
.box3{高度：20%；
宽度：15%；
浮动：左；
背景色：#5858FA；}
.box4{高度：20%；
宽度：55%；
浮动：对；
背景色：#F4FA58；}
.box5{高度：20%；
宽度：70%；
浮动：对；
背景色：#FAAC58；}
.box6{高度：40%；
宽度：15%；
浮动：左；
背景色：#A0522D；}
.box7{高度：40%；
宽度：35%；
浮动：左；
背景色：#FA5858；}
.box8{高度：40%；
宽度：50%；
浮动：对；
背景色：#fff；}
.box9{高度：10%；
宽度：100%；
浮动：左；
背景色：#000；}
}
@媒体屏幕和屏幕（最大宽度：768px）{
.box2：悬停{
动画名称：缩放；
-webkit动画名称：缩放；
-webkit动画：缩放0.5s线性无限；
-webkit动画持续时间：0.5s；
-webkit过渡：所有0.5s易入易出；
-moz过渡：所有0.5s的易用性；
-o型过渡：所有0.5s易于进入；
-ms过渡：所有0.5秒的轻松过渡；
过渡：所有0.5s的轻松过渡；
}
@-webkit关键帧缩放{
从{
webkit转换：缩放（1）
}
到{
webkit变换：缩放（0）；
webkit背景色：红色；
}
}
@关键帧比例{
从{
变换：缩放（1）
}
到{
变换：比例（0）；
背景色：红色；
}
}
.box5：悬停{
动画名称：旋转；
-webkit动画名称：旋转；
-webkit动画：旋转0.5s线性无限；
-webkit动画持续时间：0.5s；
-webkit过渡：所有0.5s易入易出；
-moz过渡：所有0.5s的易用性；
-o型过渡：所有0.5s易于进入；
-ms过渡：所有0.5秒的轻松过渡；
过渡：所有0.5s的轻松过渡；
}
@-webkit关键帧旋转{
从{
webkit变换：rotatex（0度）；
}
到{
webkit变换：rotatex（360度）；
}
}
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（360度）；
}
}
.box3 h3{
动画名称：scaletext；
-webkit动画名称：scaletext；
-webkit动画：scaletext 0.5s线性无限；
-webkit动画持续时间：0.5s；
-webkit过渡：所有0.5s易入易出；
-moz过渡：所有0.5s的易用性；
-o型过渡：所有0.5s易于进入；
-ms过渡：所有0.5秒的轻松过渡；
过渡：所有0.5s的轻松过渡；
-webkit动画延迟：3s；
动画延迟：3s；
}
@-webkit关键帧scaletext{
从{
0%{webkit字体大小：12px；}
25%{webkit字体大小：8px；}
50%{webkit字体大小：16px；}
100%{webkit字体大小：11px；}
}
}
@关键帧scaletext{
0%{字体大小：12px；}
25%{字体大小：8px；}
50%{字体大小：16px；}
100%{字体大小：11px；}
}
.box1{高度：50%；
宽度：50%；
浮动：左；
背景色：#81DAF5；}
.box2{高度：10%；
宽度：50%；
浮动：对；
背景色：#81F781；}
.box3{高度：20%；
宽度：50%；
浮动：左；
背景色：#5858FA；}
.box4{
显示：无；
高度：0px；
宽度：0px；}
.box5{高度：20%；
宽度：50%；
浮动：对；
背景色：#FAAC58；}
.box6{显示：无；}
.box7{高度：40%；
宽度：20%；
浮动：左；
背景色：#FA5858；}
.box8{高度：40%；
宽度：80%；
浮动：对；
背景色：#fff；}
.box9{高度：10%；
宽度：100%；
浮动：左；
背景色：#000；}
}

皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特
安特拉·埃卢特
皮尔马·埃卢特

函数mouseOutFunc（元素）{
document.getElementById（'info'）.innerHTML=element.id | |“无id”；
}

一个
两个
没有ID

你能给我们看你的HTML代码吗？所以有多个div，当你鼠标移出其中一个div时，它应该显示ID或“没有ID”？写下我现在得到的完整HTML/css/js。是的，如果这是我需要的，你可以使用

document.getElementsByTagName（“div”）引用所有div

要将mouseout eventlistener添加到每个元素，请使用以下内容：