Како претворити ХТМЛ у обичан текст у Јавасцрипт-у

...

Користите ЈаваСцрипт за претварање ХТМЛ елемената у обичан текст.

Једна од кориснијих ствари које можете да урадите са ЈаваСцрипт језиком за скриптовање је манипулисање и рад са моделом објекта документа (или „ДОМ“) ХТМЛ документа. ДОМ ХТМЛ документа је конвенција за представљање садржаја тог документа. Он пружа начин да веб прегледачи и језици за скриптовање, као што је ЈаваСцрипт, комуницирају са различитим елементима који чине тај документ. Користећи ЈаваСцрипт и ДОМ веб странице, можете лако претворити ХТМЛ у обичан текст.

Корак 1

Додајте декларацију СЦРИПТ у одељак ХЕАД вашег ХТМЛ документа. Ознака СЦРИПТ дефинише скрипту на страни клијента као што је ЈаваСцрипт. Ваша СЦРИПТ ознака мора да има свој атрибут „типе“ подешен на „тект/јавасцрипт“ тако да цела декларација СЦРИПТ треба да гласи на следећи начин: (где ЈаваСцрипт код иде између две ознаке).

Видео дана

Корак 2

Дефинишите ЈаваСцрипт функцију која узима један стринг као параметар. Овај параметар стринга садржи ХТМЛ који ћете конвертовати у обичан текст.

Корак 3

Направите привремени ДИВ елемент унутар ваше ЈаваСцрипт функције користећи методу "цреатеЕлемент()".

Корак 4

Доделите параметар стринг своје функције вашем привременом ДИВ-овом "иннерХТМЛ" атрибуту.

Корак 5

Креирајте привремену променљиву низа у својој функцији.

Корак 6

Зграбите садржај обичног текста вашег привременог ДИВ-а користећи његове атрибуте „тектЦонтент“ и „иннерТект“ и доделите га својој привременој променљивој стринга. Због проблема са компатибилношћу међу прегледачима, и „тектЦонтент“ и „иннерТект“ ће бити дефинисани у неким веб прегледачима и недефинисани у другима, али једно или друго ће бити дефинисано у свим верзијама свих главних претраживачи.

Корак 7

Вратите вредност коју држи ваш привремени низ користећи наредбу „ретурн“. Ово ће вратити вредност обичног текста вашег конвертованог ХТМЛ-а.

Савет

Уместо да користите изјаве ИФ-ТХЕН да проверите компатибилност међу претраживачима и одлучите да ли да користите „тектЦонтент“ или „иннерТект“ у својој функцији, једноставно доделите вредност обичног текста вашег привременог ДИВ елемента вашој привременој стринг променљивој на следећи начин: вар тмпСтринг = тмпДив.тектЦонтент || тмпДив.иннерТект.