使用按钮翻译html中的特定文本

<p class="translatable">Hello, World!</p>

var translations = {
  en: {
    greeting: "Hello, World!"
  },
  zh: {
    greeting: "你好，世界！"
  }
};

// 获取需要翻译的文本元素
var translatableElements = document.getElementsByClassName("translatable");

// 点击按钮时切换语言
document.getElementById("translate-button").addEventListener("click", function() {
  var language = "zh"; // 切换成目标语言，这里假设是中文

  for (var i = 0; i < translatableElements.length; i++) {
    var element = translatableElements[i];
    var key = element.getAttribute("data-key"); // 可以使用自定义的属性标识不同的翻译文本

    if (translations[language][key]) {
      element.textContent = translations[language][key];
    }
  }
});

<button id="translate-button">Translate</button>