mozilla

Compare Revisions

Document Object Model (DOM)

Change Revisions

Revision 682:

Revision 682 by Mgjbot on

Revision 683:

Revision 683 by his3993 on

Title:
Document Object Model (DOM)
Document Object Model (DOM)
Slug:
DOM
DOM
Tags:
DOM
DOM
Content:

Revision 682
Revision 683
n7    <div class="callout-box">n
8      <b><a href="en/Using_the_W3C_DOM_Level_1_Core">Using the W3
>C DOM Level 1 Core</a></b><br> 
9      Introduction to the W3C DOM.
10    </div>
11    <div>
12      <p>
13        The <b>Document Object Model</b> (<b>DOM</b>) is an API f
>or <a href="en/HTML">HTML</a> and <a href="en/XML">XML</a> docume 
>nts. It provides a structural representation of the document, ena 
>bling you to modify its content and visual presentation. Essentia 
>lly, it connects web pages to scripts or programming languages. 
14      </p>
15    </div>
16    <table class="topicpage-table">
17      <tbody>
18        <tr>
19          <td>
20            <h4 name="Documentation">
21              <a href="Special:Tags?tag=DOM&amp;language=en">Docu
>mentation</a> 
22            </h4>
23            <dl>
24              <dt>
25                <a href="en/Gecko_DOM_Reference">Gecko DOM Refere
>nce</a> 
26              </dt>
27              <dd>
28                <small>The Gecko Document Object Model Reference.
></small> 
29              </dd>
30            </dl>
31            <dl>
32              <dt>
33                <a href="en/About_the_Document_Object_Model">Abou
>t the Document Object Model</a> 
34              </dt>
35              <dd>
36                <small>A short introduction to the DOM.</small>
37              </dd>
38            </dl>
39            <dl>
40              <dt>
41                <a href="en/The_DOM_and_JavaScript">The DOM and J
>avaScript</a> 
42              </dt>
43              <dd>
44                <small>What is the DOM? What is JavaScript? How d
>o I use them together on my web page? This document answers these 
> questions and more.</small> 
45              </dd>
46            </dl>
47            <dl>
48              <dt>
49                <a href="en/Dynamically_modifying_XUL-based_user_
>interface">Dynamically modifying XUL-based user interface</a> 
50              </dt>
51              <dd>
52                <small>The basics of manipulating the XUL UI with
> DOM methods.</small> 
53              </dd>
54            </dl>
55            <dl>
56              <dt>
57                <a href="en/Determining_the_dimensions_of_element
>s">Determining the dimensions of elements</a> 
58              </dt>
59              <dd>
60                <small>How to figure out the right way to determi
>ne the dimensions of elements, given your needs.</small> 
61              </dd>
62            </dl>
63            <dl>
64              <dt>
65                <a class="external" href="http://www.mozilla.org/
>docs/dom/">The Document Object Model in Mozilla</a> 
66              </dt>
67              <dd>
68                <small>An older set of documentation about the DO
>M, hosted at mozilla.org.</small> 
69              </dd>
70            </dl>
71            <p>
72              <span class="alllinks"><a href="Special:Tags?tag=DO
>M&amp;language=en">View All...</a></span> 
73            </p>
74          </td>
75          <td>
76            <h4 name="Community">
77              Community
78            </h4>
79            <ul>
80              <li>View Mozilla forums...
81              </li>
82            </ul>
83            <p>
84              {{ DiscussionList("dev-tech-dom", "mozilla.dev.tech
>.dom") }} 
85            </p>
86            <h4 name="Tools">
87              Tools
88            </h4>
89            <ul>
90              <li>
91                <a class="external" href="http://www.getfirebug.c
>om/">Firebug</a> 
92              </li>
93              <li>
94                <a href="en/DOM_Inspector">DOM Inspector</a>
95              </li>
96              <li>
97                <a class="external" href="http://slayeroffice.com
>/tools/modi/v2.0/modi_help.html">Mouse-over DOM Inspector</a> 
98              </li>
99              <li>
100                <a class="external" href="http://www.karmatics.co
>m/aardvark/">Aardvark Firefox extension</a> 
101              </li>
102            </ul>
103            <p>
104              <span class="alllinks"><a href="Special:Tags?tag=DO
>M:Tools&amp;language=en">View All...</a></span> 
105            </p>
106            <h4 name="Related_Topics">
107              Related Topics
108            </h4>
109            <dl>
110              <dd>
111                <a href="en/AJAX">AJAX</a>, <a href="en/CSS">CSS<
>/a>, <a href="en/DHTML">DHTML</a>, <a href="en/JavaScript">JavaSc 
>ript</a> 
112              </dd>
113            </dl>
114          </td>
115        </tr>
116      </tbody>
117    </table>
n119      <span class="comment">Categories</span>n8      一、如何在firefox文件下写一个xml文件<br>
9      如何实现以下xml文档<br>
10      &lt;Steel-ERP&gt; &lt;Head sid="899898132932"/&gt; &lt;Clie
 >nt job="new" file="1222" file1="eeee"&gt; &lt;/Client&gt; &lt;/St
 >eel-ERP&gt;<br>
11      <br>
12      var oXmlDom = document.implementation.createDocument("","",
 >null);<br>
13      var oRoot = oXmlDom.documentElement;<br>
14      var myChildren = oRoot.firstChild ;<br>
15      var testnode = document.createElement("Steel-ERP");//根节点<br
 >>
16      <span style="color: rgb(255,0,0)">myChildren.appendChild(te
 >stnode);</span><br>
17      为何这样写不行呢??请高人指证
t121    <p>t
122      <span class="comment">Interwiki Language Links</span>
123    </p>
124    <p>
125      <br>
126    </p>
127    <div class="noinclude"></div>{{ languages( { "de": "de/DOM", 
>"es": "es/DOM", "fr": "fr/DOM", "hu": "hu/DOM", "ja": "ja/DOM", " 
>ko": "ko/DOM", "nl": "nl/DOM", "pl": "pl/DOM", "pt": "pt/DOM", "r 
>u": "ru/DOM", "zh-cn": "cn/DOM", "zh-tw": "zh_tw/DOM" } ) }} 

Back to History