javascript - 设置的设备语言如何更改标题？

Question

我在 html 页面顶部的标题中有“颜色”一词。对于设备设置为英式英语的用户，我希望将文本更改为“颜色”。我怎样才能做到这一点？（尽可能使用最少的 Javascript）

Answer 1

亚历克斯的回答是一个开始，但如果您只想在默认语言为 en-GB 的浏览器上执行此操作，则必须按如下方式检测语言：

if (navigator.language == 'en-GB') {
  var h1 = document.body.getElementsByTagName('h1');
  for (var i = 0; i < h1.length; ++i)
    h1[i].innerHTML = h1[i].innerHTML.replace('Color', 'Colour');
}

<h1>Color Chart</h1>

Answer 2

如果你给你的标题一个 ID，它看起来像这样：

<h1 id="myColorHeading">Color</h1>

你可以这样做：

var el = document.getElementById('myColorHeading');
el.innerHTML = el.innerHTML.replace('Color', 'Colour');