通过使用Javascript设置CSS来移动按钮

身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，NanumBarunGothic，NanumGothic，“Apple SD哥特式Neo”，无衬线；
}
a{
字体大小：36px；
字号：500；
文字装饰：无；
过渡：颜色0.3s；
颜色：#0099cc；
背景色：透明；
框大小：边框框；
}
a:悬停{
颜色：#4dd2ff；
大纲：无；
边框底部：1个点；
}
人力资源{
边缘底部：23px；
边界：0；
边框顶部：1px实心#b8b8；
}
.按钮2{
位置：绝对位置；
}
函数alertKWEB（）{
警惕（“我也是”）；
}
函数alertKWEB2（）{
window.alert（“K★W★E★B”）；
}
函数moveButtonRand（）{
var buttonTag=document.getElementsByClassName（'button2'）；
var positionTop=Math.floor（Math.random（）*90+5）；
var positionLeft=Math.floor（Math.random（）*90+5）；
buttonTag.style.top=位置top+“%”；
buttonTag.style.left=位置left+“%”；
}

我愿意
.....

document.getElementsByCassName（）返回一个非单个元素。您可以通过引用HTMLCollection中的第一个元素来解决此问题：

var buttonTag = document.getElementsByClassName('button2')[0];

或者使用

document.querySelector（）

：

---

在

moveButtonRand（）函数中使用此选项：

buttonTag[0].style.top=positionTop+"%";
buttonTag[0].style.left=positionLeft+"%";

或向该按钮添加ID，然后使用：

var buttonTag=document.getElementById('id_button2');


函数alertKWEB（）{
警惕（“我也是”）；
}
函数alertKWEB2（）{
警惕（“K★W★E★B”）；
}
var m=数学；
m、 c=m.ceil；
m、 f=m.层；
m、 r=m.random；
函数moveButtonRand（）{
var bTag=document.querySelector（'.button2'）；
var min=1；
var max=95；
//包含两个值的随机数
var res=m.f（m.r（）*（max-min+1））+min；
bTag.style.top=res+“%”；
bTag.style.left=res+“%”；
}

身体{
字体系列：“Helvetica Neue”，Helvetica，Arial，NanumBarunGothic，NanumGothic，“Apple SD哥特式Neo”，无衬线；
}
a{
字体大小：36px；
字号：500；
文字装饰：无；
过渡：颜色0.3s；
颜色：#0099cc；
背景色：透明；
框大小：边框框；
}
a:悬停{
颜色：#4dd2ff；
大纲：无；
边框底部：1个点；
}
人力资源{
边缘底部：23px；
边界：0；
边框顶部：1px实心#b8b8；
}
.按钮2{
位置：绝对位置；
}

我愿意
.....
.getElementsByCassName（）
返回一个
HTMLCollection
，而不是单个元素
getElementsByCassName
返回一个元素数组，但您使用它就像它返回一个元素一样。这可能反映在浏览器控制台中的一个错误上。@Amy an
HTMLCollection
不是@guest271314的
数组
可能的副本，我知道它不是，但HTMLCollection是“类似数组的元素集合”。差别很大。哦，谢谢！我在js方面很弱。谢谢你的解释
var buttonTag=document.getElementById('id_button2');