Použijte JavaScript k převodu prvků HTML na prostý text.
Jednou z užitečnějších věcí, které můžete dělat se skriptovacím jazykem JavaScript, je manipulace a práce s objektovým modelem dokumentu (nebo „DOM“) dokumentu HTML. DOM dokumentu HTML je konvence pro reprezentaci obsahu tohoto dokumentu. Poskytuje způsob, jakým mohou webové prohlížeče a skriptovací jazyky, jako je JavaScript, interagovat s různými prvky, které tvoří tento dokument. Pomocí JavaScriptu a DOM webové stránky můžete snadno převést HTML na prostý text.
Krok 1
Přidejte deklaraci SCRIPT do sekce HEAD vašeho HTML dokumentu. Značka SCRIPT definuje skript na straně klienta, jako je JavaScript. Vaše značka SCRIPT musí mít atribut "type" nastaven na "text/javascript", takže celá deklarace SCRIPT by měla znít následovně: (kde kód JavaScript prochází mezi dvěma značkami).
Video dne
Krok 2
Definujte funkci JavaScriptu, která jako parametr bere jeden řetězec. Tento parametr řetězce obsahuje kód HTML, který budete převádět na prostý text.
Krok 3
Pomocí metody "createElement()" vytvořte dočasný prvek DIV ve své funkci JavaScript.
Krok 4
Přiřaďte parametr řetězce vaší funkce k atributu „innerHTML“ dočasného prvku DIV.
Krok 5
Vytvořte dočasnou řetězcovou proměnnou ve své funkci.
Krok 6
Uchopte obsah prostého textu dočasného prvku DIV pomocí jeho atributů „textContent“ a „innerText“ a přiřaďte jej k dočasné řetězcové proměnné. Kvůli problémům s kompatibilitou mezi různými prohlížeči budou v některých webové prohlížeče a nedefinované v ostatních, ale jeden nebo druhý bude definován ve všech verzích všech hlavních prohlížeče.
Krok 7
Vraťte hodnotu drženou vaším dočasným řetězcem pomocí příkazu "return". Tím se vrátí hodnota prostého textu vašeho převedeného HTML.
Spropitné
Namísto použití příkazů IF-THEN ke kontrole kompatibility mezi prohlížeči a rozhodování, zda ve své funkci použít „textContent“ nebo „innerText“, jednoduše přiřaďte hodnotu prostého textu dočasného prvku DIV vaší dočasné řetězcové proměnné takto: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
