Используйте JavaScript для преобразования HTML-элементов в простой текст.
Одна из наиболее полезных вещей, которые вы можете делать с языком сценариев JavaScript, - это манипулировать и работать с объектной моделью документа (или «DOM») документа HTML. Модель DOM HTML-документа - это соглашение для представления содержимого этого документа. Он предоставляет возможность веб-браузерам и языкам сценариев, таким как JavaScript, взаимодействовать с различными элементами, составляющими этот документ. Используя JavaScript и DOM веб-страницы, вы можете легко преобразовать HTML в простой текст.
Шаг 1
Добавьте объявление SCRIPT в раздел HEAD вашего HTML-документа. Тег SCRIPT определяет клиентский сценарий, например JavaScript. Для вашего тега SCRIPT атрибут «type» должен иметь значение «text / javascript», чтобы все объявление SCRIPT выглядело следующим образом: (где код JavaScript находится между двумя тегами).
Видео дня
Шаг 2
Определите функцию JavaScript, которая принимает одну строку в качестве параметра. Этот строковый параметр содержит HTML-код, который вы будете преобразовывать в обычный текст.
Шаг 3
Создайте временный элемент DIV внутри своей функции JavaScript, используя метод createElement ().
Шаг 4
Назначьте строковый параметр вашей функции своему временному атрибуту DIV "innerHTML".
Шаг 5
Создайте в своей функции временную строковую переменную.
ШАГ 6
Возьмите текстовое содержимое вашего временного DIV, используя его атрибуты «textContent» и «innerText», и назначьте его своей временной строковой переменной. Из-за проблем совместимости между браузерами и textContent, и innerText будут определены в некоторых веб-браузеры и undefined в других, но один или другой будет определен во всех версиях всех основных браузеры.
Шаг 7
Верните значение, содержащееся в вашей временной строке, с помощью оператора return. Это вернет текстовое значение вашего преобразованного HTML.
Кончик
Вместо использования операторов IF-THEN для проверки совместимости между браузерами и принятия решения о том, использовать ли в вашей функции «textContent» или «innerText», просто присвойте значение обычного текста временного элемента DIV вашей временной строковой переменной следующим образом: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
