Użyj JavaScript, aby przekonwertować elementy HTML na zwykły tekst.
Jedną z bardziej użytecznych rzeczy, które można zrobić za pomocą języka skryptowego JavaScript, jest manipulowanie i praca z obiektem Document Object Model (lub „DOM”) dokumentu HTML. DOM dokumentu HTML to konwencja reprezentacji treści tego dokumentu. Umożliwia przeglądarkom internetowym i językom skryptowym, takim jak JavaScript, interakcję z różnymi elementami składającymi się na ten dokument. Używając JavaScript i DOM strony internetowej, możesz łatwo przekonwertować HTML na zwykły tekst.
Krok 1
Dodaj deklarację SCRIPT do sekcji HEAD dokumentu HTML. Tag SCRIPT definiuje skrypt po stronie klienta, taki jak JavaScript. Twój tag SCRIPT musi mieć atrybut „type” ustawiony na „text/javascript”, aby cała deklaracja SCRIPT wyglądała następująco: (gdzie kod JavaScript znajduje się między dwoma tagami).
Wideo dnia
Krok 2
Zdefiniuj funkcję JavaScript, która przyjmuje jeden ciąg znaków jako parametr. Ten parametr ciągu zawiera kod HTML, który będziesz konwertować na zwykły tekst.
Krok 3
Utwórz tymczasowy element DIV wewnątrz funkcji JavaScript za pomocą metody „createElement()”.
Krok 4
Przypisz parametr ciągu funkcji do atrybutu „innerHTML” tymczasowego elementu DIV.
Krok 5
Utwórz tymczasową zmienną ciągu w swojej funkcji.
Krok 6
Pobierz zawartość zwykłego tekstu z tymczasowego DIV za pomocą jego atrybutów „textContent” i „innerText” i przypisz ją do tymczasowej zmiennej ciągu. Ze względu na problemy ze zgodnością różnych przeglądarek w niektórych zdefiniowano zarówno „textContent”, jak i „innerText”. przeglądarki internetowe i niezdefiniowane w innych, ale jedna lub druga będzie zdefiniowana we wszystkich wersjach wszystkich głównych przeglądarki.
Krok 7
Zwróć wartość przechowywaną przez tymczasowy ciąg za pomocą instrukcji „return”. Spowoduje to zwrócenie wartości zwykłego tekstu przekonwertowanego kodu HTML.
Wskazówka
Zamiast używać instrukcji IF-THEN do sprawdzania zgodności z różnymi przeglądarkami i decydowania, czy użyć „textContent” czy „innerText” w swojej funkcji, po prostu przypisz wartość zwykłego tekstu tymczasowego elementu DIV do tymczasowej zmiennej ciągu w następujący sposób: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
