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

Question

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

Answer 1

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

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

你可以这样做：

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

Answer 2

Alex 的回答是一个开始，但如果您只想在默认语言为 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>

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

How can the set Device Language change a heading?

html

javascript

css

heading