Html | DOM -elementet tilfredsstillende eiendom

Ofte må vi endre ting på nettstedet for å se hvordan det ser ut. I et slikt tilfelle kan det være nødvendig med å gjøre elementer. For å gjøre det, html dom “innholdsvis”Element kan brukes. Dette elementet brukes som attributt i HTML -elementet. Videre kan elementet som er tilknyttet dette attributtet redigeres eller endres på websiden.

Denne oppskrivningen vil gi en guide til HTML DOM-elementet tilgjengelige eiendommer.

Hvordan lage et element redigerbar i HTML?

HTML “innholdsvis”Eiendom brukes til å identifisere om elementets innhold er redigerbart eller ikke. Denne egenskapen returnerer en boolsk verdi der “ekte”Verdien betyr at elementet er redigerbart, og“falsk”Indikerer at innholdet ikke er redigerbart. Denne egenskapen kan brukes med et hvilket som helst element.

Eksempel: Hvordan legge til "innholdsom" attributt i HTML -elementer?
I HTML, for det første, spesifiser et overskriftselement

å inkludere en overskrift til dokumentet. Legg deretter til en HTML

element tilknyttet attributtene:

• id: Denne attributtet brukes til å identifisere elementet unikt, tilgjengelig i CSS og JavaScript.
• innholdsvis: En attributt som betyr om HTML -elementet er redigerbart eller ikke. Det er en boolsk attributt.

Til slutt, legg til en til

element med ID “resultat”, Som vil vises etter JavaScript -manipulasjonen:

HTML innholdsrik eiendom

Kan jeg redigere dette avsnittet?

La oss bruke JavaScript for å vise verdien av den innholdsomme attributtet ved hjelp av "innholdsvis”Eiendom.

JavaScript

Her er forklaringen på den ovennevnte koden:

• Innenfor HTML -elementet, lag en variabel “svar”Bruke nøkkelordet”var”.
• Hente deretter elementet som har ID "para”Og gjør det redigerbart med“innholdsvis”Eiendom.
• Å legge inn den boolske verdien av den innholdsomme eiendommen i

  element med ID “resultat”, spesifiser “dokument.getElementById ()”Funksjon med IDen til

  Tag som parameter.

• “indrehtml”Eiendom returnerer eller spesifiserer HTML -innholdet i et element der resultatet må være innebygd.
• Verdien av “svar”Variabel er tilordnet elementet som har ID”resultat”.

Det kan sees at avsnittselementet nå er redigerbart:

La oss bruke noen CSS -egenskaper på HTML, som nevnt ovenfor.

Stil “innhold” div

.innhold
Bredde: 500px;
Høyde: 170px;
Bakgrunnsfarge: #F89E9E;
Margin: 0 Auto;
polstring: 12px;

Div -elementet med klassenavnet “innhold”Brukes med følgende CSS -egenskaper:

• “bredde”Eiendom bestemmer elementets bredde.
• “høyde”Justerer elementets høyde.
• “bakgrunnsfarge”Bruker en farge på elementets bakgrunn.
• “margin”Med verdien som“0 Auto”Identifiserer ingen plass på toppbunnen og tilsvarende plass på elementets venstre og høyre side.
• “polstring”Eiendom gir plass til alle sider av elementets innhold eller inne i grensen.

Stil “H2” -element

H2
Bakgrunnsfarge: #F06F6F;
polstring: 5px;

“bakgrunnsfarge”Og“polstring”Egenskaper fungerer som beskrevet ovenfor.

Stil "p”Element

.Innhold P
Font-størrelse: 24px;
Bakgrunnsfarge: #EB7C7C;
polstring: 2px;
Markør: peker;

Nedenfor er egenskapene som brukes på "p”Element i“innhold”Div:

• “skriftstørrelse”Eiendom setter elementets skriftstørrelse.
• “markør”Eiendom med verdien”peker”Setter markøren som en hånd med en pekende finger.

Her er det siste blikket på den ovennevnte siden:

Eksempel: Den "innholdsomme" attributtet med "falsk" verdi
Nedenfor gitt kode representerer at verdien av "innholdsvis”Attributt er satt som“falsk”:

Kan jeg redigere dette avsnittet?

Fra den gitte utgangen kan det verifiseres at elementet ikke er redigerbart:

Slik fungerer den innholdbare eiendommen.

Konklusjon

I HTML, “innholdsvis”Attributt brukes til å gjøre elementene redigerbare. Det er en boolsk attributt som har en sann eller falsk verdi. “innholdsvis”Eiendom i JavaScript kan brukes for å få tilgang til dette attributtets verdi. Denne bloggen guidet om HTML DOM -elementet tilgjengelige egenskap med eksempler.