XML DOM HTMLElement Objekt
- Föregående sida DOM HTMLDocument
- Nästa sida DOM NamedNodeMap
HTMLElement-objektet representerar ett element i HTML.
Egenskaper för HTMLElement-objektet
Varje element i en HTML-dokument har en egenskap som motsvarar elementets HTML-attribut. Här listas alla egenskaper som alla HTML-märken stöder. Andra egenskaper är specifika för vissa specifika HTML-märken. HTMLElement-objektet ärver Node och Element Objektets standardattribut implementerar också några av de icke-standardattribut som beskrivs nedan:
- className
-
Detta specificerar elementets class-attribut. Observera: attributnamnet är inte "class", eftersom "class" är ett reserverat ord i JavaScript.
Typ: Sträng. Status: Skrivbar.
- currentStyle
-
Detta specifikt IE-attribut tillämpas på kaskaden av alla CSS-attribut för elementet. Det är en endast för IE-alternativ till Window.getComputedStyle().
Typ: Sträng. Status: Skrivbar.
- dir
-
Detta specificerar elementets dir-attribut, som deklarerar dokumentets textriktning.
Typ: Sträng. Status: Skrivbar.
- id
-
Detta specificerar elementets id-attribut. Inget annat element i ett dokument kan ha samma id-värde.
Typ: Sträng. Status: Skrivbar.
- innerHTML
-
Detta specificerar strängen som elementet innehåller, utan att inkludera elementets inledande och slutande taggar. Att fråga efter detta attribut returnerar elementets innehåll som en HTML-textsträng. Att sätta detta attribut till en HTML-textsträng används för att ersätta elementets innehåll med HTML:s tolkningspresentation. Detta attribut kan inte sättas när dokumentet laddas. Detta är en icke-standardattribut från IE4 som har fått stöd från alla moderna webbläsare.
Typ: Sträng. Status: Skrivbar.
- lang
-
Elementens lang-attribut deklarerar språkkoden för elementets innehåll.
Typ: Sträng. Status: Skrivbar.
- offsetHeight, offsetWidth
-
Returnerar elementets höjd och bredd i pixlar. Detta är ett icke-standardattribut som får mycket god support.
Typ: Heltal. Status: Läsbar.
- offsetLeft
-
Returnerar avståndet från den aktuella elementets vänstra kant till dess inneslutande elements vänstra kant i pixlar.
Typ: Heltal. Status: Läsbar.
- offsetTop
-
Returnerar avståndet från den aktuella elementets övre kant till dess inneslutande elements övre kant i pixlar.
Typ: Heltal. Status: Läsbar.
- offsetParent
-
Returnerar en referens till den närmaste dynamiskt positionerade inneslutande elementet, med alla avstånd baserade på detta element. Om elements style.display är satt till none returnerar detta attribut null. Detta är ett icke-standardattribut som får mycket god support.
Typ:Node. Status: Läsbar.
- scrollHeight, scrollWidth
-
Returnerar elementets fulla höjd och bredd i pixlar. När ett element har en rullningslist (t.ex. på grund av CSS overflow-attributet) skiljer sig dessa attribut från offsetHeight och offsetWidth, eftersom offsetHeight och offsetWidth rapporterar endast storleken på det synliga området. Detta är ett icke-standardattribut som får mycket god support.
Typ: Heltal. Status: Läsbar.
- scrollTop, scrollLeft
-
Sätter eller returnerar det antal pixlar som har rullats till vänster eller uppåt i elementet. Dessa pixlar är endast användbara när elementet har en rullningslist, till exempel när elementets CSS overflow-attribut är satt till auto. Dessa attribut definieras också på <body>- eller <html>-taggen (detta beror på webbläsaren) och används tillsammans för att bestämma dokumentets rullningsposition.Observera att dessa attribut specificerar inte mängden rullning för ett <iframe>-element. Detta är en icke-standardattribut som får mycket god support.
Typ: Heltal. Status: Skrivbar.
- style
-
Returnerar värdet för style-attributet som är inställt för det aktuella elementet.Observera att värdet för detta attribut inte är en sträng.
Typ:CSS2Properties. Status: Läsbar.
- title
-
Definierar elementets title-attribut. När muspekaren är över elementet visar många webbläsare detta attributets värde i elementets "verktygstips".
Typ: Sträng. Status: Skrivbar.
HTMLElement-objektets metoder
HTMLElement-objektet ärver Node och Element objektets standardmetoder. Vissa typer av element implementerar specifika metoder för taggen, CodeW3C.com på HTML DOM referenshandbokInformation om dessa metoder finns i de olika referenssidorna för taggarna.
De flesta moderna webbläsare har också implementerat följande icke-standardmetoder:
Metod | Beskrivning |
---|---|
scrollIntoView() | Rulla dokumentet. Gör elementet synligt i toppen eller botten av fönstret. |
HTMLElement-objektens evenhanter
Alla HTML-element som svarar på mus- och tangentbordshändelser kan utlösa de här listade evenhanterarna. Vissa element, som länkar och knappar, utför standardåtgärder när dessa händelser inträffar. För sådana element finns mer detaljer iSpecifika elementreferenssidorhär.
Se HTML-evenegenskapsreferenshandbokFör mer information om HTML-evenhanterare.
Hur får jag mer detaljerad information om HTMLElement-objekt?
I CodeW3C.com:s HTML DOM referenshandbok har vi skapat specialreferenssidor för de DOM-objekt som motsvarar HTML-taggar:
Relaterade sidor
XML DOM referenshandbok:Document-objekt
XML DOM referenshandbok:Document.getElementById()
XML DOM referenshandbok:Document.getElementsByTagName()
- Föregående sida DOM HTMLDocument
- Nästa sida DOM NamedNodeMap