Har du noen gang opplevd en situasjon der du trenger å skrive ut innholdet i noen spesifikke HTML og lagre det for fremtidig bruk? For eksempel er det påkrevd å lagre kokeoppskriftene eller designe ideer fra de respektive nettsteder og bruke denne informasjonen mens du jobber offline. I slike scenarier er det viktig for deg å vite hvordan du skriver ut innholdet i ethvert element i HTML.

I denne bloggen lærer vi prosedyren for å skrive ut Div Elements innhold ved hjelp av JavaScript.

Skriv ut innholdet i et DIV -element ved hjelp av JavaScript

Ved hjelp av det undergitte eksemplet; Vi vil demonstrere prosedyren for å skrive ut innholdet i en "div”Element. Så følgende avsnitt omfatter HTML -koden og dens beskrivelse.

HTML -kode

• For det første vil vi bruke et DIV -element og sette sitt "id" som "Divcon”Som vil bidra til å få innholdet i JavaScript.
• I neste trinn vil vi sette "lys gul”Som“bakgrunnsfarge”Av den ekstra“div”Element.
• Inne i "div”Element, vil vi nå legge til en overskrift og et avsnitt med“

  ”Og“

  ”Respektive HTML -tagger.

Skriv ut innholdet i et DIV -element ved hjelp av JavaScript

Nå skal vi skrive ut innholdet i et DIV -element ved hjelp av JavaScript i et nytt vindu. Trykk på knappen nedenfor og se resultatet.

Da vil vi legge til en knapp som kaller “printDivContent ()”JavaScript -funksjon på sin“Ved trykk" begivenhet:

Skrive ut

JavaScript -kode
For å skrive ut innholdet i et HTML -element som "div”, Du må lagre dataene i en variabel. Nå vil vi utføre følgende trinn mens vi koder i JavaScript:

• Først vil vi lage en funksjon som heter “printDivContent ()”.
• Definer deretter variabler som heter “innhold av div”Og“Newwin" inne i "printDivContent ()”Funksjon.
• Ved å bruke “Divcon”Id, vi vil få innholdet i“div”HTML -element og lagre det i variabelen”innhold av div”.
• Variabel “Newwin”Vil bli brukt til å åpne utskriftsvinduet som en popup.
• Så vil vi bruke “Newwin”Variabel for å ringe JavaScript -metoden”dokument.skrive()”. I denne metoden vil vi passere taggene til HTML -elementene som blir lagt til i “Div”, som til gjengjeld får innholdet i de spesifiserte elementene.

Her er den komplette koden for det ovennevnte eksemplet:

funksjon printDivContent ()
var contentofdiv = dokument.getElementById ("Divcon").indrehtml;
var newwin = vindu.åpen (",", 'høyde = 650, bredde = 650');
Newwin.dokument.skrive(");
Newwin.dokument.Skriv ('Skriv ut innhold av DIV -element ved å bruke JavaScript');
Newwin.dokument.skrive('

Innhold av divelement:
');
Newwin.dokument.skriv (contentofdiv);
Newwin.dokument.skrive(");
Newwin.dokument.Lukk();
Newwin.skrive ut();

Etter å ha kjørt over HTML -koden, vil den resulterende utdata på nettleseren være:

Klikk på “Skrive ut”-Knappen vil ringe JavaScript”printDivContent ()”Funksjon og følgende vindu vises på skjermen:

Som du kan se, har vi fått tilgang til innholdet i det ekstra "div”Element:

Vi har gitt all nødvendig informasjon om å skrive ut innholdet i en "div”Element ved hjelp av JavaScript.

Konklusjon

Å skrive ut innholdet i en “div”Element, for det første må du tilordne en“id”I HTML, lagre deretter dataene i en variabel ved å få tilgang til den spesifiserte“ ID ”i JavaScript -koden. Mens programmering i JavaScript, kommer det situasjoner der det kreves å skrive ut et bestemt segment på en webside. I slike tilfeller kan vår oppgitte metode hjelpe deg. Denne bloggen diskuterte prosedyren for å skrive ut Div Elements innhold ved hjelp av JavaScript.