javascript - 如何动态设置 HTML lang 属性？

Question

如何在 Web 应用程序中动态设置 HTML 的“lang”属性？

我尝试使用 jQuery 如下插入“lang”属性:

$(document).ready(function() {
     $("html").attr("lang", language); //'language' value is retrieved from a cookie
}); 

使用控制台/警报，'lang' 属性看起来已按预期设置。但是，如果您看到生成的源代码(查看源代码)，则根本没有设置“lang”。

要求是屏幕阅读器必须能够动态识别语言。如果有任何其他解决方案可以使屏幕阅读器动态识别语言，那就太好了。感谢大家在线发表评论!

Answer 1

document.documentElement.setAttribute('lang', navigator.language);

或

document.documentElement.lang = navigator.language;