Измените внутренний HTML, следуя HTML-значению языка

0

В настоящее время я работаю на сайте с несколькими языками, я хочу добавить эту языковую панель на этом сайте. Но в моей проблеме is- он продолжает говорить английскую + uk-иконку внутри коробки, даже если это другой язык, это должно означать соответствующее имя значка + язык.

Просто я хочу изменить код innerhtml, указав значение html lang. У меня есть только базовые знания по JavaScript.

Live site- http://uposonghar.com/lang.html

Мой code-

<nav role="custom-dropdown" id="nav_language" dir="ltr">
<input type="checkbox" id="button">
<label for="button" id="labelLang" onclick></label>
<ul>
    <li><a hreflang="en" href="http://chitrchatr.com/en/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/en_US.png" title="English" alt="English" />&nbsp;English</a></li>
    <li><a hreflang="de" href="http://chitrchatr.com/de/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/de_DE.png" title="Deutsch" alt="Deutsch" />&nbsp;Deutsch</a></li>
    <li><a hreflang="ru" href="http://chitrchatr.com/ru/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/ru_RU.png" title="Русский" alt="Русский" />&nbsp;Русский</a></li>
    <li><a hreflang="es" href="http://chitrchatr.com/es/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/es_ES.png" title="Español" alt="Español" />&nbsp;Español</a></li>
    <li><a hreflang="zh" href="http://chitrchatr.com/zh/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/zh_CN.png" title="中文 (中国)" alt="中文 (中国)" />&nbsp;中文 (中国)</a></li>
    <li><a hreflang="ar" href="http://chitrchatr.com/ar/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/ar.png" title="العربية" alt="العربية" />&nbsp;العربية</a></li>
    <li><a hreflang="fr" href="http://chitrchatr.com/fr/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/fr_FR.png" title="Français" alt="Français" />&nbsp;Français</a></li>
    <li><a hreflang="it" href="http://chitrchatr.com/it/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/it_IT.png" title="Italiano" alt="Italiano" />&nbsp;Italiano</a></li>
    <li><a hreflang="in" href="http://chitrchatr.com/in/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/id_ID.png" title="Bahasa Indonesia" alt="Bahasa Indonesia" />&nbsp;Bahasa Indonesia</a></li>
    <li><a hreflang="ko" href="http://chitrchatr.com/ko/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/ko_KR.png" title="한국어" alt="한국어" />&nbsp;한국어</a></li>
    <li><a hreflang="th" href="http://chitrchatr.com/th/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/th.png" title="ไทย" alt="ไทย" />&nbsp;ไทย</a></li>
    <li><a hreflang="tl" href="http://chitrchatr.com/tl/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/tl.png" title="Tagalog" alt="Tagalog" />&nbsp;Tagalog</a></li>
    <li><a hreflang="hi" href="http://chitrchatr.com/hi/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/hi_IN.png" title="हिन्दी" alt="हिन्दी" />&nbsp;हिन्दी</a></li>
    <li><a hreflang="ja" href="http://chitrchatr.com/ja/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/ja.png" title="日本語" alt="日本語" />&nbsp;日本語</a></li>
    <li><a hreflang="sv" href="http://chitrchatr.com/sv/"><img src="http://chitrchatr.com/wp-content/plugins/polylang/flags/sv_SE.png" title="Svenska" alt="Svenska" />&nbsp;Svenska</a></li>
</ul>
</nav>

Javascript-

<script>
if(document.getElementsByTagName('html').getAttribute('lang') = "en-US"){
    document.getElementById('labelLang').innerHTML = '<img alt="English" title="English" src="http://chitrchatr.com/wp-content/plugins/polylang/flags/en-US.png">&nbsp;English';
}
if(document.getElementsByTagName('html').getAttribute('lang') = "de-DE"){
    document.getElementById('labelLang').innerHTML = '<img alt="Deutsch" title="Deutsch" src="http://chitrchatr.com/wp-content/plugins/polylang/flags/de_DE.png">&nbsp;Deutsch';
}
if(document.getElementsByTagName('html').getAttribute('lang') = "ru-RU"){
    document.getElementById('labelLang').innerHTML = '<img alt="Русский" title="Русский" src="http://chitrchatr.com/wp-content/plugins/polylang/flags/ru_RU.png">&nbsp;Русский';
}
else{}
</script>
Теги:

2 ответа

2
Лучший ответ

document.getElementsByTagName возвращает массив элементов, соответствующих тегу, даже если есть только одно совпадение.

Что вам нужно сделать, это document.getElementsByTagName('html')[0] чтобы получить первый тег, возвращаемый функцией, который должен быть вашим тегом HTML.

Также, если вы хотите сравнить, == или === это то, что вы ищете. = просто устанавливает значение.

2

Вы не закрываете тег для <img> в своем innerHTML.

Также,

document.getElementsByTagName('html').getAttribute('lang') = "en-US" - это присвоение, а не проверка равенства. Вместо этого используйте ==.

Как указано @Akamaozu document.getElementsByTagName() возвращает HTMLCollection.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню