Използвайте 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" ще бъдат дефинирани в някои уеб браузъри и недефинирани в други, но едното или другото ще бъде дефинирано във всички версии на всички основни браузъри.
Стъпка 7
Върнете стойността, съхранявана от вашия временен низ, като използвате оператор "return". Това ще върне стойността на обикновения текст на вашия конвертиран HTML.
Бакшиш
Вместо да използвате изрази IF-THEN, за да проверите съвместимостта на различни браузъри и да решите дали да използвате „textContent“ или „innerText“ във вашата функция, просто присвоете стойността на обикновения текст на вашия временен DIV елемент на вашата временна низова променлива, както следва: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
