Kaikki mitä sinun tarvitsee tietää sisäisestä HTML: stä JavaScriptissä



JavaScriptin sisäinen HTML on erittäin kätevä ominaisuus, ja sitä käytetään laajalti tarjoamaan dynaamisempaa ja monipuolisempaa näkökohtaa luotaville verkkosivuille.

JavaScript on yksi yleisimmin käytetyistä ohjelmointikielistä. Se on myös varsin suosittu monipuolisuudestaan ​​eri alustoilla. Kohteessa on erilaisia ​​ominaisuuksia jotka helpottavat dynaamisen verkkosivuston rakentamista. Tässä artikkelissa keskustellaan JavaScriptin sisäisestä HTML-koodista seuraavassa järjestyksessä:

Johdanto JavaScriptiin

JavaScriptiä käytetään asiakaspuolen ohjelmointikielenä sekä palvelinpuolen ohjelmointikielenä. käytetään suorittamiseen minkä tahansa sovelluksen asiakas- ja palvelinpuolella. Solmua voidaan kutsua myös nimellä Node.js useissa paikoissa.





Javascript - sisäinen html javascriptissä - edureka

JavaScript tarjoaa lukuisia menetelmiä useille toiminnoille, jotka on suoritettava helposti. Tämä teki JavaScriptistä yhden suosituimmista ohjelmointikielistä, ja sitä käytetään myös laajalti monenlaisissa tuotekehityksissä.



Sisäinen HTML JavaScriptissä

Sisäinen JavaScript-ominaisuus on yksi erittäin kätevistä ominaisuuksista, ja sitä käytetään laajalti tarjoamaan dynaamisempaa ja monipuolisempaa näkökohtaa luotaville verkkosivuille.

Jos yritämme selittää sisäisenHTML: n yksinkertaisesti, sisemmänHTML: n tehtävä on yksinkertaisesti ladata sivun sisältö päivittämättä koko sivua. Tämä säästää datakäytöt sekä sivun lataamisen takana olevan ajan ja on melko helppo hankkia. Tämä antaa käyttäjälle erittäin nopean ja reagoivan tunnelman, mikä parantaa käyttökokemusta.

visuaalisen studion opetus aloittelijoille

Se saattaa kuulostaa hieman vaikealta, mutta yritetään ymmärtää tämä esimerkin avulla.



Esimerkki:

 

Napsauta tätä vaihtaaksesi sisemmän HTML-tekstin.

function myFunction () {document.getElementById ('kappale1'). internalHTML = 'Kappale muutettu!' }

Tässä yllä olevassa koodissa, kappaletagissa, sen tunnus on kappale1.

Tuolla on toiminto nimetty myfunction (), joka peruutetaan napsauttamalla tekstiä 'Napsauta tätä vaihtaaksesi sisäistä HTML-tekstiä'.Kun toiminto peruutetaan napsautuksen jälkeen, toiminto suoritetaan, joka sanoo getElementById ('kappale1'), joka ilmoitti, että elementti, jonka Id on demo, on valittava.

Lisäksi meillä on sisäinenHTML-toiminto, joka tarkoittaa yksinkertaisesti onclickin jälkeen mitä on tehtävä. Tässä yllä olevassa esimerkissä se on yksinkertaisesti 'Kappaletta muutettu'.

Alla on yllä olevan koodin alkuperäinen lähtö.

Alla on muutettu lähtö napsautuksen jälkeen.

Sisäinen HTML, jossa on järjestetty tai järjestämätön luettelo

Alla on esimerkki sisäisen HTML: n käytöstä järjestettyjen tai järjestämättömien luetteloiden kanssa.

Esimerkki:

java system.exit (0)
 
  • Hei
  • Hei taas

Napsauta alla olevaa painiketta saadaksesi ul-elementin sisällön.

Kokeile toimintoa helloFunction () {var x = document.getElementById ('myList'). InnerHTML document.getElementById ('paragraph1'. InternalHTML = x}

Tällöin sisäisen HTML: n laukaisee nimi, jonka nimi on 'Kokeile'.

Edellä olevan tekstin alkuperäinen tulos on:

Tulos painikkeen napsautuksen jälkeen. Napsauttaminen ei johda sivun lataamiseen uudelleen, vaan johtui sisäisen HTML: n käytöstä.

kuinka käyttää jaettua menetelmää java

InnerHTML URL-osoitteen muuttamiseksi

Alla on toinen esimerkki, joka näyttää sisäisen HTML: n käytön URL-osoitteen muuttamiseksi painikkeen napsautuksella.

Esimerkki:

  Wikipedia Muuta linkkitoimintoa myFunction () {document.getElementById ('myAnchor'). InternalHTML = 'Google' document.getElementById ('myAnchor'). Href = 'https://www.google.com' document.getElementById ('myAnchor' ) .target = '_blank'}

Yllä oleva esimerkki antaa ensin linkin Wikipedia-verkkosivustolle, mutta kun painiketta napsautetaan, linkki muuttuu Googleksi.

On olemassa useita sellaisia ​​toimintoja, joissa internalHTML on kätevä, kun sivua ei tarvitse ladata uudelleen ja vain osa on päivitettävä.Tämä säästää aikaa, ja lähestymistapaan on pyrittävä vähemmän.SisäisenHTML: n suurin etu on käyttökokemus, jota parannetaan tällä ominaisuudella.

Katso kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.

Onko sinulla kysymys meille? Mainitse se 'String Concatenation in JavaScript' -kommenttiosassa ja palaamme sinuun.