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

如何在Web应用程序中动态设置HTML‘lang’属性？

我尝试使用jQuery如下插入’lang’属性：

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

使用控制台/警报,“lang”属性看起来像预期的那样设置.但是,如果您看到生成的源(查看源),则“lang”根本没有设置.

要求是屏幕阅读器必须能够动态识别语言.如果有任何其他解决方案可以使屏幕阅读器动态识别语言,那将是很棒的.感谢大家的内联评论！

解决方法:

But if you see generated source (View Source), ‘lang’ isn’t getting set at all.

查看源不会显示生成的源.它向您展示了真正的来源.如果要更改它,则需要在将其传送到浏览器之前在服务器上进行更改.您无法使用客户端JavaScript修改它.

您的DOM更改将显示在实时DOM中,通过Inspect Element可以看到它.

标签：jquery,javascript,screen-readers
来源： https://codeday.me/bug/20190608/1201517.html