谷歌插件多语言切换失效,默认英文,通过下拉框切换为中文可以成功,再切换为英文,界面还是中文

function translateUI() {
const elements = document.querySelectorAll('[data-i18n]');

elements.forEach(element => {
const key = element.getAttribute('data-i18n');

let translation, translation1
if (key.includes('|')) {
const newkey = key.split('|')
translation = chrome.i18n.getMessage(newkey[0]);
translation1 = chrome.i18n.getMessage(newkey[1]);
if (element.hasAttribute('data-tooltip')) {
element.setAttribute('data-tooltip', translation1);
}
if (element.hasAttribute('title')) {
element.setAttribute('title', translation1);
}
element.textContent = translation;

} else {
translation = chrome.i18n.getMessage(key);
element.textContent = translation;
}
})
}

document.addEventListener('DOMContentLoaded', function () {
// 语言选项事件监听器
var languageSelector = document.getElementById("languageSelector");
// 为<select>添加 change 事件监听器
languageSelector.addEventListener("change", function () {
// 获取用户选择的语言后要进行存储
const saveLanguage = languageSelector.value
console.log("Selected language:", saveLanguage);
translateUI()
});
})

translateUI 是一个语言切换函数,我只有两种语言,一种英文,一种中文.默认进入是英文界面,当语言下拉框选择为中文的时候可以切换成功,然后从中文切换为英文就没有反应.translateUI 函数中加过输出,中文切换为英文的时候有输出,但是界面就是不变.求诸位暴富的大佬们指点,感谢