Wie Sie festlegen, HTML-lang Attribut dynamisch?
Festlegen HTML 'lang' - Attribut dynamisch in eine web-Anwendung?
Ich habe versucht, mit jQuery wie folgt einfügen, die 'lang' - Attribut:
JS:
$(document).ready(function() {
$("html").attr("lang", language); //'language' value is retrieved from a cookie
});
Verwenden der Konsole/alert, 'lang' - Attribut sieht wie erwartet gesetzt. Aber wenn Sie sehen, generiert source (Quelltext Anzeigen), 'lang' ist nicht immer auf allen.
Anforderung Bildschirm-Lesegeräte müssen in der Lage sein, zu erkennen, die Sprache dynamisch. Es wäre toll, wenn es eine andere Lösung, um Screenreader erkennen die Sprache dynamisch. Danke an alle für die Kommentare inline!
- Ja ist es...Sie können es überprüfen:
$("html").attr("lang", language); alert($("html").attr("lang")):
- Reine js Art:
document.documentElement.setAttribute('lang','test');alert(document.documentElement.getAttribute('lang'));
- Wenn Sie sehen, dass der DOM-Struktur (mit der 'Quelle anzeigen'), 'lang' ist nicht immer gespritzt.
- ist nicht, wie es funktionieren soll...daran erinnern, dass Ihr das ändern der DOM programmgesteuert..., wenn Sie die Quelle über Quelltext Anzeigen, sehen Sie die Originale html-Struktur 🙂
- Verwendung von Google Chrome Überprüfen der Funktion anstelle und du wirst es sehen
Du musst angemeldet sein, um einen Kommentar abzugeben.
View Source nicht zeigen Sie den generierten Quellcode. Es zeigt, dass Sie die echte Quelle ist. Wenn Sie es ändern wollen, dann müssen Sie es ändern auf dem server vor der Auslieferung an den browser. Sie können nicht ändern Sie es mit client-side JavaScript.
Ihre DOM-änderungen zeigen sich in der live-DOM, die sichtbar werden durch das Element Untersuchen.
Nicht kommentieren noch.
Habe ich versucht, das snippet und es funktionierte für mich. Natürlich habe ich ein string-Wert anstelle Ihrer 'Sprache' variable.
Vergessen Sie nicht importieren jQuery in der oberen Menüleiste, um für Sie zu arbeiten im snippet.