按钮Javascript问题的文本输出

我有一个小问题，我有两组两个按钮，当我按下上面的按钮对时，它们会在按钮下面显示输出java数组文本。在下面的第二组按钮上，它显示按钮上方的文本，我不知道它为什么这样做。代码如下：

函数Timeofday（）{
var myArray=新数组（“一”、“二”、“三”、“四”）；
var random=myArray[Math.floor（Math.random（）*myArray.length）]；
document.getElementById（“zemo”）.innerHTML=random；
}
函数天气（）{
var myArray=新数组（“一”、“二”、“三”、“四”）；
var random=myArray[Math.floor（Math.random（）*myArray.length）]；
document.getElementById（“temo”）.innerHTML=random；
}
函数GetValue（）{
var myArray=新数组（“一”、“二”、“三”、“四”）；
var random=myArray[Math.floor（Math.random（）*myArray.length）]；
document.getElementById（“remo”）.innerHTML=random；
}
函数getRandomArrayElements（计数）{
var arr=['1'，'2'，'3'，'4']；
var shuffled=arr.slice（0），
i=平均长度，
min=i-计数，
温度、指数；
而（i-->分钟）{
索引=数学层（（i+1）*数学随机（）；
temp=混洗[索引]；
洗牌[索引]=洗牌[索引]；
洗牌[i]=临时；
}
document.getElementById（“demo”）.innerHTML=shuffled.slice（最小值）；
}

。按钮{
背景色：#008CBA；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
最高：50%；
}
.包装纸{
文本对齐：居中；
}
.演示{
文本对齐：居中；
颜色：#008CBA；
文本转换：大写；
字体大小：300%；
}
雷莫先生{
文本对齐：居中；
颜色：#008CBA；
文本转换：大写；
字体大小：300%；
}
特莫先生{
文本对齐：居中；
颜色：#4CAF50；
文本转换：大写；
字体大小：300%；
}
泽莫先生{
文本对齐：居中；
颜色：#4CAF50；
文本转换：大写；
字体大小：300%；
}
.按钮{
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：15px 32px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：16px；
利润：4倍2倍；
光标：指针；
最高：50%；
}

这是文本显示在按钮上方的位置

因为您总是在temo和zemo上为底部按钮设置innerHTML，它们位于按钮上方

---

如果你想要下一个按钮，只需将这些div移到第二组按钮下面即可。如果您想做其他事情，请编辑您的问题并澄清。

原因在于HTML文件中元素的顺序。javascript正在选择

标记并用函数的结果填充它们。

标记位于HTML文件中第一组按钮的下方和第二组按钮的上方

预期结果是什么？“输出java数组”-JavaScript！=JAVA这些CSS是否与您的问题相关？（如果没有，我们不需要看到它。）顶部的一对按钮做了我想让它们做的事情，让文本在第一对按钮下面，但在第二对按钮上面。第二对按钮在上面显示文本，我希望它们在下面。谢谢，这很有效！我把它们移下来，这就是我想要它做的。非常感谢您的帮助。如果您查看原始问题，您会注意到我在代码段中更新了您的代码。您不需要所有的脚本块。您可以有一个包含所有代码的块。