让javascript选择所有元素,而不仅仅是第一个元素

让javascript选择所有元素,而不仅仅是第一个元素,javascript,Javascript,我复制了一个脚本,它使用浮动工具提示做了一些很酷的事情(根据它在视口的哪个象限,粘贴光标并翻转,以使它始终可见等等) 找到的第一个元素一切正常。但它对第二个元素或之后的任何元素都不起作用 //我想用类“z-tooltip”选择所有div,但它似乎只选择了第一个div var-tooltip=this.document.getElementsByClassName(“z-tooltip”)[0]; window.onmousemove=功能(ev){ var leftPixelSpace=ev.

我复制了一个脚本,它使用浮动工具提示做了一些很酷的事情(根据它在视口的哪个象限,粘贴光标并翻转,以使它始终可见等等)

找到的第一个元素一切正常。但它对第二个元素或之后的任何元素都不起作用

//我想用类“z-tooltip”选择所有div,但它似乎只选择了第一个div
var-tooltip=this.document.getElementsByClassName(“z-tooltip”)[0];
window.onmousemove=功能(ev){
var leftPixelSpace=ev.clientX;
var rightPixelSpace=this.innerWidth-leftPixelSpace;
var topPixelSpace=ev.clientY;
var bottomPixelSpace=this.innerHeight-topPixelSpace;
var tooltipPosX=leftPixelSpace>rightPixelSpace?leftPixelSpace-tooltip.offsetWidth:leftPixelSpace;
var tooltipPosY=topPixelSpace>bottomPixelSpace?topPixelSpace-tooltip.offsetHeight:topPixelSpace;
//我想用“z-tooltip”类将这些样式应用于所有div,但同样,它似乎只适用于第一个div。。。
tooltip.style.left=tooltipPosX+“px”;
tooltip.style.top=tooltipPosY+“px”;
};
.z-工具提示{
宽度:150px;
高度:100px;
边框:1px纯黑;
背景颜色:浅蓝色;
文本对齐:居中;
位置:绝对位置
}
浮动工具提示
浮动工具提示
浮动工具提示
//我想用类“z-tooltip”选择所有div,但它似乎只选择了第一个div
var tooltip=this.document.getElementsByClassName(“z-tooltip”);
window.onmousemove=功能(ev){
var leftPixelSpace=ev.clientX;
var rightPixelSpace=this.innerWidth-leftPixelSpace;
var topPixelSpace=ev.clientY;
var bottomPixelSpace=this.innerHeight-topPixelSpace;
//我想用“z-tooltip”类将这些样式应用于所有div,但同样,它似乎只适用于第一个div。。。
[…工具提示].forEach(工具提示=>{
让tooltipPosX=leftPixelSpace>rightPixelSpace?leftPixelSpace-tooltip.offsetWidth:leftPixelSpace;
让tooltipPosY=topPixelSpace>bottomPixelSpace?topPixelSpace-tooltip.offsetHeight:topPixelSpace;
tooltip.style.left=tooltipPosX+“px”;
tooltip.style.top=tooltipPosY+“px”;
});
};
.z-工具提示{
宽度:150px;
高度:100px;
边框:1px纯黑;
背景颜色:浅蓝色;
文本对齐:居中;
位置:绝对位置
}
浮动工具提示
浮动工具提示
浮动工具提示
//我想用类“z-tooltip”选择所有div,但它似乎只选择了第一个div
var tooltip=this.document.getElementsByClassName(“z-tooltip”);
window.onmousemove=功能(ev){
var leftPixelSpace=ev.clientX;
var rightPixelSpace=this.innerWidth-leftPixelSpace;
var topPixelSpace=ev.clientY;
var bottomPixelSpace=this.innerHeight-topPixelSpace;
//我想用“z-tooltip”类将这些样式应用于所有div,但同样,它似乎只适用于第一个div。。。
[…工具提示].forEach(工具提示=>{
让tooltipPosX=leftPixelSpace>rightPixelSpace?leftPixelSpace-tooltip.offsetWidth:leftPixelSpace;
让tooltipPosY=topPixelSpace>bottomPixelSpace?topPixelSpace-tooltip.offsetHeight:topPixelSpace;
tooltip.style.left=tooltipPosX+“px”;
tooltip.style.top=tooltipPosY+“px”;
});
};
.z-工具提示{
宽度:150px;
高度:100px;
边框:1px纯黑;
背景颜色:浅蓝色;
文本对齐:居中;
位置:绝对位置
}
浮动工具提示
浮动工具提示

浮动工具提示
您只需关闭
[0]
并在其上循环…您的代码仅适用于第一个元素。var-tooltip=this.document.getElementsByClassName(“z-tooltip”)[0];删除[0]您只需关闭
[0]
并在其上循环…您的代码仅适用于第一个元素。var-tooltip=this.document.getElementsByClassName(“z-tooltip”)[0];移除[0]嘿@taplar,这会选择所有的工具提示,但主功能现在不再工作(根据可用空间的大小翻转工具提示)。@Teebling我错过了
工具提示
被用于计算工具提示OSX和Y。这些只需要移动到循环中。我的伙计!非常感谢您的帮助,它现在可以工作了:)嘿@taplar,这会选择所有的工具提示,但主功能现在不再工作(根据可用空间的大小翻转工具提示)@Teebling我错过了
工具提示
被用来计算tooltipPosX和Y。这些只是需要移动到循环中。我的人!非常感谢您的帮助,现在可以使用了:)