Как получить свойства стиля переменной, в которой вы храните текст

#javascript #css

Вопрос:

используемый тег для текстовой области

 <textarea id="tag_text"></textarea>

Я использую следующий код для хранения содержимого текстовой области.

 var texAreaContent = document.getElementById("tag_text");

Теперь, какой код я должен использовать, чтобы получить стиль каждого слова содержимого текстовой области. Пожалуйста, предоставьте код на JavaScript и, пожалуйста, укажите лучший способ, если вы знаете, потому что я на начальном уровне

1. Что вы подразумеваете под «стилем каждого слова» в текстовой области? Содержимое текстовой области HTML не имеет стилей , это только чистый текст. Единственный способ, которым содержимое текстовой области будет иметь стили, — это если они применяются с span элементами переноса, чтобы выборочно применять их.

2. Я думаю, вы ищете редакторы. Но просто для ясности — что вы подразумеваете под стилем каждого слова? Не могли бы вы, пожалуйста, дать немного больше ясности в отношении того, что вы хотите ввести в textarea и что именно вы хотите получить.

3. К словам в текстовой области не может быть привязан стиль. Можете ли вы перефразировать вопрос, чтобы стало ясно, в чем ваша проблема? Вы можете получить стиль элемента textarea следующим образом: textAreaContent.getAttribute(«стиль»).

4. @UrosK может быть, у него несколько цветов в текстовой области. поэтому он хочет вернуть каждое свойство стиля этого конкретного текста

5. Да, @Mahi Я хочу получить стиль содержимого, например, если он курсивный, то на его основе будет выполнен некоторый код, если размер шрифта меньше 12 пикселей, будет сделано что-то еще. Знаете ли вы, как этого можно достичь

Ответ №1:

Я не понял, в чем ваша проблема. я попробовал это на своем пути понимания вашей проблемы. Проверьте это.

 var texAreaContent = document.getElementById("tag_text");

texAreaContent.style.color="blue";

 <textarea id="tag_text">Test</textarea>

Ответ №2:

С помощью jQuery вы можете сделать это следующим образом

 $("element").prop('tag_name')

Вы можете изменить стиль элемента следующим образом

 $("element").css('background', 'lime')