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

Question

我有＆＃34; Color＆＃34;在html页面顶部的标题中。对于设备设置为英式英语的用户，我希望文本更改为＆＃34; Color＆＃34;。我怎样才能做到这一点？ （如果可能，使用最少的Javascript）

Answer 1

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>

Answer 2

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

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

你可以这样做：

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