Javascript 我如何把新的弦带到前面？

我使用GetElementsByCassName在人们单击按钮时更改按钮文本，但是使用JavaScript字符串规则，它不会更改原始文本，而是返回一个新字符串

按钮的原始文本位于span标记中，我使用CSS通过颜色和z索引使其可见。问题是，当新字符串替换原始字符串时，它将不在span标记中，从而导致它隐藏在animation div下

如果您不明白我的意思，请检查以下代码：

函数myFunction（）{
document.getElementsByClassName（“演示”）[0].innerHTML=“已复制”；
setTimeout（函数（）{document.getElementsByClassName（“demo”）[0].innerHTML=“更改回”}，1000）；
}

.Big{
宽度：257px；
填充：33px 0 30px 0；
字号：21px；
}
钮扣{
字体系列：“蒙特塞拉特”；
字号：500；
边界半径：6px；
}
ButtonMain先生{
背景色：#e6；
位置：相对位置；
溢出：隐藏；
边界：无；
}
.ButtonMain：：之前，
.ButtonMain：：之后{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.按钮主跨度{
位置：相对位置；
颜色：#fff；
}
.按钮主：悬停范围{
颜色：#000；
过渡：颜色0.3s到0.0s；
}
.BlueRevealeEffect:：之前{
内容：''；
背景：#3a86ff；
宽度：120%；
左-10%；
变换：倾斜（30度）；
变换：变换0.4s三次贝塞尔（0.3,1,0.8,1）；
}
.BlueRevealeEffect:悬停：：之前{
转换：translate3d（100%，0,0）；
}

了解更多

按钮内部有

span

，因此在更改html时需要添加它：

函数myFunction（）{
document.getElementsByClassName（“演示”）[0].innerHTML=“已复制”；
setTimeout（函数（）{document.getElementsByClassName（“demo”）[0].innerHTML=“更改回”}，1000）；
}

.Big{
宽度：257px；
填充：33px 0 30px 0；
字号：21px；
}
钮扣{
字体系列：“蒙特塞拉特”；
字号：500；
边界半径：6px；
}
ButtonMain先生{
背景色：#e6；
位置：相对位置；
溢出：隐藏；
边界：无；
}
.ButtonMain：：之前，
.ButtonMain：：之后{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.按钮主跨度{
位置：相对位置；
颜色：#fff；
}
.按钮主：悬停范围{
颜色：#000；
过渡：颜色0.3s到0.0s；
}
.BlueRevealeEffect:：之前{
内容：''；
背景：#3a86ff；
宽度：120%；
左-10%；
变换：倾斜（30度）；
变换：变换0.4s三次贝塞尔（0.3,1,0.8,1）；
}
.BlueRevealeEffect:悬停：：之前{
转换：translate3d（100%，0,0）；
}

了解更多

使用a获取所需的

document.querySelector（“.demo span”）.innerHTML

函数myFunction（）{
document.querySelector（“.demo span”）.innerHTML=“已复制”；
setTimeout（function（）{document.querySelector（“.demo span”）.innerHTML=“Changing Back”}，1000）；
}

.Big{
宽度：257px；
填充：33px 0 30px 0；
字号：21px；
}
钮扣{
字体系列：“蒙特塞拉特”；
字号：500；
边界半径：6px；
}
ButtonMain先生{
背景色：#e6；
位置：相对位置；
溢出：隐藏；
边界：无；
}
.ButtonMain：：之前，
.ButtonMain：：之后{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
.按钮主跨度{
位置：相对位置；
颜色：#fff；
}
.按钮主：悬停范围{
颜色：#000；
过渡：颜色0.3s到0.0s；
}
.BlueRevealeEffect:：之前{
内容：''；
背景：#3a86ff；
宽度：120%；
左-10%；
变换：倾斜（30度）；
变换：变换0.4s三次贝塞尔（0.3,1,0.8,1）；
}
.BlueRevealeEffect:悬停：：之前{
转换：translate3d（100%，0,0）；
}

了解更多

document.querySelector（“.demo span”）.innerHTML=“Copied”