Вставка элементов с использованием JS innertext приводит к тому, что они распечатываются в необработанном виде (не отображаются) - PullRequest
0 голосов
/ 15 апреля 2020

У меня есть функция JavaScript, которая использует document.innertext для изменения текстового значения одного из моих <p> элементов. Я хочу убедиться, что часть текста имеет другой цвет, и из того, что я собрал, лучшее решение - использовать теги <span> внутри элемента <p>. Если я жестко закодирую это в html, оно будет работать нормально.

Однако, если я использую свою функцию innertext для перезаписи содержимого моего тега <p>, вместо этого <span> печатается так, как будто оно была просто строка Если я использую инспектор браузера, то <span> подсвечивается черным, что означает, что он рассматривается как строка. И Chrome, и Firefox делают это, и моя страница - это. php, хотя, если я переименую его в. html, это будет иметь тот же эффект. Все миллионы фрагментов кода в сети, которые по той или иной причине работают точно так же, но мой не работает.

Функция в основном похожа на эту document.getElementById("message").innerText = `<span style="color: red;">sample</span>: text`; Вместо отображения «образца» красным и текст "в черном цвете, он отображает" образец текста "все в черном цвете.

Надеюсь, я все прояснил. Заранее спасибо за любую помощь.

1 Ответ

0 голосов
/ 15 апреля 2020

вам нужно использовать внутреннее HTML свойство документа.

для примера:

document.getElementById("message").innerHTML = "<span style="color: red;">sample</span>: text";

Надеюсь, это поможет вам! Удачного кодирования!

...