Vše, co potřebujete vědět o vnitřním HTML v JavaScriptu

Vnitřní HTML v JavaScriptu je velmi užitečná funkce a je široce používána k zajištění dynamičtějšího a univerzálnějšího aspektu vytvářených webových stránek.

JavaScript je jedním z nejpoužívanějších programovacích jazyků. Je také velmi populární díky své univerzálnosti napříč platformami. Ve službě jsou různé vlastnosti které vám usnadní vytváření dynamických webových stránek. V tomto článku probereme vnitřní HTML v JavaScriptu v následujícím pořadí:

Úvod do JavaScriptu

JavaScript se používá jako programovací jazyk na straně klienta i jako programovací jazyk na straně serveru. se používá k provedení na straně klienta i na straně serveru jakékoli aplikace. Uzel lze na několika místech označovat také jako Node.js.





Javascript - vnitřní html v javascript - edureka

JavaScript poskytuje nepřeberné množství metod pro snadné provádění několika funkcí. Díky tomu se JavaScript stal jedním z nejpopulárnějších programovacích jazyků a je také široce používán v různých druzích vývoje produktů.



Vnitřní HTML v JavaScriptu

Vnitřní vlastnost v JavaScriptu je jednou z velmi užitečných funkcí a je široce používána k zajištění dynamičtějšího a univerzálnějšího aspektu vytvářených webových stránek.

Pokusíme-li se jednoduše vysvětlit vnitřní HTML, pak práce s vnitřním HTML spočívá pouze v načtení obsahu stránky bez obnovení celé stránky. To šetří využití dat i čas za načtením stránky a je docela snadné jej získat. To dává uživateli velmi rychlý a citlivý pocit, čímž je uživatelský zážitek mnohem lepší.

Může to znít trochu obtížně, ale zkusme to pochopit pomocí příkladu.



k síle Javy

Příklad:

 

Kliknutím sem změníte vnitřní text HTML.

function myFunction () {document.getElementById ('paragraph1'). innerHTML = 'Odstavec změněn!' }

Tady ve výše uvedeném kódu v tagu odstavce je ID odstavce1.

Tady je funkce pojmenovaný myfunction (), který by byl zrušen po kliknutí na text „Klikněte sem a změňte vnitřní text HTML“.Když je funkce po kliknutí zrušena, provede se funkce, která říká getElementById („odstavec1“), která uvádí, že má být vybrán prvek s ID jako ukázka.

Dále máme funkci innerHTML, která po kliknutí jednoduše znamená, co se má udělat. Ve výše uvedeném příkladu je to jednoduše „Odstavec změněn“.

Níže je uveden počáteční výstup výše uvedeného kódu.

Níže je změněný výstup po kliknutí.

Vnitřní HTML se seřazeným nebo neuspořádaným seznamem

Níže je uveden příklad, který ukazuje použití innerHTML s seřazeným nebo neuspořádaným seznamem.

Příklad:

 
  • Ahoj
  • Ahoj znovu

Kliknutím na tlačítko níže získáte obsah prvku ul.

Vyzkoušejte funkci helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('paragraph1'). InnerHTML = x}

Zde se spustí innerHTML tlačítkem definovaným názvem „Try it“.

Fibonacciho řada v C ++

Počáteční výstup výše uvedeného textu je:

Výstup po kliknutí na tlačítko. Kliknutí na tlačítko nevede k opětovnému načtení stránky, ale místo toho k němu došlo kvůli použití innerHTML.

co je vyhrazené slovo v Javě

InnerHTML pro změnu adresy URL

Níže je uveden další příklad, který ukazuje použití innerHTML ke změně URL při kliknutí na tlačítko.

Příklad:

  Wikipedia Změnit funkci odkazu myFunction () {document.getElementById ('myAnchor'). InnerHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}

Výše uvedený příklad zpočátku dává odkaz na web Wikipedie, ale po kliknutí na tlačítko se odkaz změní na Google.

Existuje několik takových operací, kdy je vnitřní HTML užitečné, když stránku nelze znovu načíst a aktualizovat pouze část.To šetří čas a je třeba vynaložit méně úsilí na tento přístup.Největší výhodou innerHTML je uživatelský komfort, který je vylepšen touto funkcí.

Podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže Naučte se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů v části „Zřetězení řetězců v JavaScriptu“ a my se vám ozveme.