Javascript 如何制作一个与另一个按钮相同的按钮？

我正在尝试创建一个身份验证站点，但我想创建多种语言的登录按钮，所以我想创建一个与其他语言相同的按钮

这是我要克隆的按钮

firebase.auth.GoogleAuthProvider.PROVIDER_ID

我希望有人告诉我怎么做这个按钮

身体{ 填料：2米； } /*共享*/ .loginBtn{ 框大小：边框框； 位置：相对位置； /*宽度：13em；-适用于固定尺寸*/ 边缘：0.2米； 填充：0 15px 0 46px； 边界：无； 文本对齐：左对齐； 线高：34px； 空白：nowrap； 边界半径：0.2米； 字体大小：16px； 颜色：FFF； } .loginBtn:之前{ 内容：； 框大小：边框框； 位置：绝对位置； 排名：0； 左：0； 宽度：34px； 身高：100%； } .loginBtn:focus{ 大纲：无； } .loginBtn:活动{ 框阴影：插入0 0 32px rgba0,0,0,0.1； } /*谷歌*/ .loginBtn谷歌{ /*字体系列：Roboto、Roboto、arial、无衬线字体*/ 背景：DD4B39； } .loginBtn谷歌：之前{ 右边框：BB3F30 1px实心； 背景：url'https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png'6px 6px不重复； } .loginBtn谷歌：悬停， .loginBtn谷歌：聚焦{ 背景：E74B37； }

---

用谷歌登录我认为翻译要比制作这么多按钮或元素容易得多。就像这样：

//Foreach语言，一个Json对象 //Foreach节点元素，Json中的一个键，我建议使用它ID var json=[ { 朗：嗯， 谷歌btn：使用谷歌登录 }, { 朗：pt， 谷歌btn:Logar.com谷歌 }, { 朗：是的， 谷歌btn:Logar con谷歌 } ] window.onload=函数{ var btn=document.getElementByIdgoogleBtn； var lang=document.getElementByIdlang； //什么时候换语言 lang.onchange=函数{ 对于var i=0；i使用GoogleI登录时，建议将语言代码作为对象的键，或者将它们包含在与数组中的翻译相同的级别。它使查找更容易。例如，localizationDictionary={en:{googleButton:'Login with Google'}，es:{googleButton:'Logar con Google'}}}等等。然后你不需要循环来找到正确的翻译，你只需查找localizationDictionary[lang.value]，你已经有了正确语言的所有翻译：哦，谢谢，我不知道这个函数，我会在回家的时候更新我的代码看，在我的代码中有一个按钮，我只想添加一些代码，让这个按钮与这个onefirebase.auth.GoogleAuthProvider.PROVIDER做同样的事情，你想在你的登录页面上放很多按钮吗？我想你想要的是本地化l10nI只想放一个登录按钮和一个facebook按钮！Tbh：我完全不清楚你想要实现什么。我只想做一个按钮，它的功能和其他按钮相同！还有什么按钮？