Как получить доступ к объекту через javascript и показать размеченный тег

Я хочу получить доступ к сообщению с тегом

Этот хорошо работает без тега

var dict = {
  "configMigratedTo": {
        "message": "Migrated configuration to configurator: "
    }
}

function buildMessage(src,param){
   var message=dict[src] ? dict[src].message : src
    return message;
}

console.info(buildMessage("configMigratedTo"));

Однако, если в сообщение добавлен размеченный тег

var dict = {
  "configMigratedTo": {
        "message": "<span style=\"color: red\">Migrated configuration to configurator: </span>"
    }
}

он получит ваше сообщение:

"<span style=\"color: red\">Migrated configuration to configurator: </span>"

Я хочу, чтобы конфигурация была перенесена в конфигуратор: красным

не "<span style=\"color: red\">Migrated configuration to configurator: </span>", напечатанный на html

  $("[i18n]").each(function () {
    switch (this.tagName.toLowerCase()) {
      case "input":
        $(this).val(buildMessage($(this).attr("i18n")));
        break;
      default:
        $(this).text(buildMessage($(this).attr("i18n")));
    }
  });

Вы хотите Migrated configuration to configurator: in red - всю эту строку?

31piy 03.08.2018 17:36

Верно.................

12345GG 03.08.2018 17:41

Вы не можете поместить html в значение ввода и отобразить его. Вам нужно будет стилизовать элемент ввода.

James 03.08.2018 17:42

Вы захотите использовать $(this).html вместо $(this).text

Olian04 03.08.2018 17:42

@ Olian04 ваш ответ отлично решит вопрос

12345GG 03.08.2018 17:51

@ 12345GG Рад это слышать :)

Olian04 03.08.2018 17:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
37
0

Другие вопросы по теме