Добавление кода символа в HTML из функции JS

Я пытаюсь добавить код символа html - ☀ который является солнцем к html span.innerHTML, используя функцию js, но я получаю следующее:

<span class = "condition symbol">&amp;#x2600;</span>

Таким образом, вместо символа солнца отображается ☀.

Я пытался использовать ``, '',"" при добавлении кода символа, но то же самое.

const htmlElement=document.createElement('span');
... //adding the classes
htmlElement.textContent='&#x2600;';

Опечатка? Похоже, вы просто забыли & перед HTML-объектом юникода, как перед HTML-объектом амперсанда?

David 17.04.2023 21:44

как выглядит ваш код javascript?

Daniel A. White 17.04.2023 21:44

См. раздел Как задать вопрос, а затем измените его, чтобы предоставить всю информацию, необходимую для понимания проблемы.

isherwood 17.04.2023 21:44

Используйте innerHTML, а не textContent. Так же, как вы сказали в первом предложении. textContent не анализирует HTML, а вставляет строку буквально.

Barmar 17.04.2023 21:51

Действительно! В этом была проблема. Я написал, что использую innerHTML, но на самом деле я использовал textContent! Это решило проблему. Спасибо!

JustSoni 17.04.2023 21:54
Поведение ключевого слова "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) для оценки ваших знаний,...
1
5
55
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Используйте innerHTML вместо textContent для отображения символа.

const htmlElement=document.createElement('span');
//adding the classes
htmlElement.innerHTML='&#x2600;';
document.body.append(htmlElement);

Они сказали, что пытаются добавить его на JavaScript, а не на HTML.

Barmar 17.04.2023 21:50

Точно, я пытаюсь добавить его в JS.

JustSoni 17.04.2023 21:52

Также я попытался заменить &amp;#x2600; с &#x2600; но никакого результата.

JustSoni 17.04.2023 21:52

запустить снова, это работает с innerHTML

Jordy 17.04.2023 21:53

Сделал так и заработало!

JustSoni 17.04.2023 21:55
Ответ принят как подходящий

Как уже упоминалось, вы можете использовать innerHTML для отображения символа. Или вы также можете использовать textContent и установить шестнадцатеричное содержимое, подобное этому

    const htmlElement = document.createElement('span');
    htmlElement.textContent = "\u2600";

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