如何設置設備語言更改標題？

Question

我在html頁面頂部的標題中有「Color」一詞。對於設備設置爲英式英語的用戶，我希望文本更改爲「彩色」。我怎樣才能做到這一點？ （以最小的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>