HTML 根据用户语言显示不同 div

Question

我有一个带有 div 部分的简单 html 页面。 Div 部分包含多个段落 <p>。我为每种语言创建了单独的 div。我想显示特定的 div 对应于用户语言。

我发现语言可以这样判断

var language = window.navigator.userLanguage || window.navigator.language;

并且div可以如下可见

document.getElementById(language).style.display="inline;"

但是，由于某种原因，它不起作用。我假设我不了解页面呈现过程中的一些基本知识。

我将不胜感激。

Answer 1

从 JS 修改样式时，不应添加任何“;”。尝试

document.getElementById(language).style.display="inline"

而不是

document.getElementById(language).style.display="inline;"

HTML show different div according to user language