HTMLElement: свойство translate

Базовая версия 2023

Новое свойство

С марта 2023 года данная функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

Свойство translate интерфейса HTMLElement указывает, будут ли переводиться значения атрибутов элемента и значения дочерних узлов Text при локализации страницы, или они останутся неизменными.

Это свойство отражает значение HTML-глобального атрибута translate.

Значение

Булевое значение, равное true если значения атрибутов элемента и значения дочерних узлов Text должны быть переведены при локализации страницы, false в противном случае.

Примеры

Следующий пример демонстрирует, как включить или отключить перевод с помощью скрипта:

<div>
  <span>The content may always be translated: </span>
  <span translate="yes">El contenido será traducido</div>
</div>
<div>
  <span id="translate-label">The content may be translated:</span>
  <span id="translate-element" translate="no">El contenido puede ser traducido.</div>
</div>
<input id="translate-controller" type="checkbox" /> Enable translation

const label = document.getElementById("translate-label");
const element = document.getElementById("translate-element");
const controller = document.getElementById("translate-controller");

controller.addEventListener("change", (e) => {
  if (controller.checked) {
    element.translate = true;
    label.innerText = "The content may be translated:";
  } else {
    element.translate = false;
    label.innerText = "The content may not be translated:";
  }
});

Спецификации

Спецификация
HTML # dom-translate

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`translate`	19	79	111	15	6	25	111	14	6	1.5	4.4

См. также

translate HTML-глобальный атрибут

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/translate