HTML HELP

Wszystko w jednym miejscu!

Ostatnia aktualizacja pliku: 08.01.2007

Strona główna

Jesteś w dziale: DOM

DOM

DOM jest to interfejs służący do tworzenia lub modyfikowania struktury dokumentu. Dostępny jest on przez różne języki programowania i umożliwia dynamiczną zmianę właściwości elementów strony oraz ich treści.

Każdy dokument XML (HTML) ma budowę drzewiastą. Tzn. jest jeden główny węzeł (Document) oraz węzły podrzędne. Każdy z węzłów podrzędnych może mieć dowolną ilość kolejnych węzłów podrzędnych. Taka budowa umożliwia bardzo prostą ingerencję w strukturę pliku. Możliwe jest wstawianie nowych węzłów w dowolne miejsce, czy też usuwanie ich.

<znacznik atrybut="wartosc">

 <tag>

  tekst

 </tag>

</znacznik

W powyższej strukturze element znacznik położony jest najwyżej, a bezpośrednio pod nim znajdują się węzły tag oraz atrybut. Wewnątrz węzła tag jest węzeł tekstowy tekst.

Obiekty DOM

Attr: DOM 1, 2 | IE6.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje atrybut węzła typu Element
CDATASection: DOM 1, 2 | O8.0+; obiekt reprezentuje dane tekstowe, które nie podlegają parsowaniu XML
CharacterData: DOM 1, 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje wartość tekstową
Comment: DOM 1, 2 | IE6.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje komentarz
Document: DOM 1, 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; reprezentuje cały dokument HTML lub XML
DocumentFragment: DOM 1, 2 | IE6.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; reprezentuje część obiektu Document
DocumentType: DOM 1, 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje typ dokumentu
DOMImplementation: DOM 1, 2 | IE6.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt pozwalający na uzyskanie informacji na temat używanej implementacji DOM
Element: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; podstawowy typ węzła
Entity: DOM 1, 2; reprezentuje encję (przetworzoną lub nie)
EntityReference: DOM 1, 2; reprezentuje wartość powstałą w wyniku zamiany encji
NamedNodeMap: DOM 1, 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt zawiera listę wszystkich zdefiniowanych atrybutów elementu
Node: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; obiekt reprezentujący pojedynczy węzeł w strukturze dokumentu
NodeList: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O6.0+; lista obiektów typu Node
Notation: DOM 1, 2; obiekt służy do deklarowania nieprzetworzonej encji lub instrukcji przetwarzania
ProcessingInstruction: DOM 1, 2; obiekt ten reprezentuje instrukcję przetwarzania
Text: DOM 1, 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje typ węzła zawierający dane tekstowe

Obiekty HTML

HTMLCollection: DOM 1, 2 | IE3.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; lista obiektów typu HTMLElement
HTMLDocument: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt położony najwyżej w strukturze dokumentu HTML
HTMLAnchorElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony przez znacznik <a>
HTMLAppletElement: DOM 1, 2 | IE4.0+ | NN3.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <applet>
HTMLAreaElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <area>
HTMLBaseElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <base>
HTMLBaseFontElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.5+; obiekt reprezentuje element tworzony znacznikiem <basefont>
HTMLBodyElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <body>
HTMLBRElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje element tworzony znacznikiem <br>
HTMLButtonElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; obiekt reprezentuje element tworzony znacznikiem <button>
HTMLDirectoryElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <dir>
HTMLDivElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <div>
HTMLDListElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <dl>
HTMLElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <abbr>, <acronym>, <address>, <b>, <bdo>, <big>, <center>, <cite>, <code>, <dd>, <dfn>, <dt>, <em>, <i>, <kbd>, <noframes>, <noscript>, <s>, <samp>, <small>, <strike>, <strong>, <sub>, <sup>, <tt>, <u> oraz <var>
HTMLFieldSetElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <fieldset>
HTMLFontElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <font>
HTMLFormElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <form>
HTMLFrameElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <frame>
HTMLFrameSetElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <frameset>
HTMLHeadElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <head>
HTMLHeadingElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <h1>, <h2>, <h3>, <h4>, <h5> oraz <h6>
HTMLHRElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <hr>
HTMLHtmlElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <html>
HTMLIFrameElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <iframe>
HTMLImageElement: DOM 1, 2 | IE3.0+ | NN3.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <img>
HTMLInputElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <input>
HTMLIsIndexElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <isindex>
HTMLLabelElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <label>
HTMLLegendElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje element tworzony znacznikiem <legend>
HTMLLIElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <li>
HTMLLinkElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <link>
HTMLMapElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <map>
HTMLMenuElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <menu>
HTMLMetaElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <meta>
HTMLModElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <del> i <ins>
HTMLObjectElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <object>
HTMLOListElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <ol>
HTMLOptGroupElement: DOM 1, 2 | IE6.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O6.0+; obiekt reprezentuje element tworzony znacznikiem <optgroup>
HTMLOptionElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <option>
HTMLOptionsCollection: DOM 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; obiekt reprezentuje listę elementów <option>
HTMLParagraphElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <p>
HTMLParamElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <param>
HTMLPreElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <pre>
HTMLQuoteElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <blockquote> oraz <q>
HTMLScriptElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <script>
HTMLSelectElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <select>
HTMLStyleElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <style>
HTMLTableCaptionElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <caption>
HTMLTableCellElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <td> i <th>
HTMLTableColElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <col> i <colgroup>
HTMLTableElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <table>
HTMLTableRowElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <tr>
HTMLTableSectionElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje elementy tworzone znacznikami <thead>, <tbody> i <tfoot>
HTMLTextAreaElement: DOM 1, 2 | IE3.0+ | NN2.0+ | MOZ0.6+ | FF0.1+ | O3.0+; obiekt reprezentuje element tworzony znacznikiem <textarea>
HTMLTitleElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <title>
HTMLUListElement: DOM 1, 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O4.0+; obiekt reprezentuje element tworzony znacznikiem <ul>

Obiekty CSS

CSSStyleSheet: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje arkusz stylów CSS
CSSRuleList: DOM 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje listę wszystkich reguł arkusza
CSSRule: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje regułę CSS dowolnego typu
CSSStyleRule: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje regułę definiującą styl
CSSMediaRule: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje regułę @media
CSSFontFaceRule: DOM 2; obiekt reprezentuje regułę @font-face
CSSPageRule: DOM 2 | O9.0+; obiekt reprezentuje regułę @page
CSSImportRule: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje regułę @import
CSSCharsetRule: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje regułę @charset
CSSUnknownRule: DOM 2; obiekt reprezentuje nieznaną regułę
CSSStyleDeclaration: DOM 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.0+; obiekt reprezentuje blok dekaracji stylu
CSSValue: DOM 2; obiekt reprezentuje każdą wartość atrybutu stylu
CSSPrimitiveValue: DOM 2; obiekt reprezentuje pojedynczą wartość atrybutu
CSSValueList: DOM 2; obiekt reprezentuje listę wartości atrybutu
RGBColor: DOM 2; obiekt używany do reprezentacji wartości koloru RGB
Rect: DOM 2; obiekt reprezentuje wartość typu rect
Counter: DOM 2; obiekt reprezentuje wartość typu counter
ViewCSS: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O7.2+; obiekt umożliwia podgląd ustawionych przez przeglądarkę definicji CSS
DocumentCSS: DOM 2; obiekt umożliwia zmianę stylu dowolnego elementu HTML
DOMImplementationCSS: DOM 2; obiekt umożliwia tworzenie arkuszów stylów
ElementCSSInlineStyle: DOM 2 | IE5.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O5.0+; obiekt umożliwia kontrolę nad stylami lokalnymi
DocumentStyle: DOM 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; pozwala uzykać dane na temat zdefiniowanych arkuszy stylów
LinkStyle: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; pozwala uzykać dane na temat stylów, zdefiniowanych poprzez element HTML
MediaList: DOM 2 | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje listę zdefiniowanych mediów
StyleSheet: DOM 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje arkusz stylów
StyleSheetList: DOM 2 | IE4.0+ | NN6.0+ | MOZ0.6+ | FF0.1+ | O9.0+; obiekt reprezentuje listę arkuszy stylów

Informacje

To że właściwość obiektu HTML, jest obsługiwana w danej przeglądarce nie oznacza, że działa ona poprawnie i pozwala zmienić sposób interpretowania znacznika; np:
```
<div lang="pl"> </div>
```
ustawi w przeglądarkach IE4.0+ odpowienią wartość właściwości lang, ale nie to wpływa w żaden sposób na stronę. Aby dowiedzieć się w jakich przeglądarkach można zobaczyć efekty zdefiniwania poszczególnych właściwości, zobacz ich odpowiedniki w dziale HTML