OLD | NEW |
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Target 3: Add Elements to the DOM" | 3 title: "Target 3: Add Elements to the DOM" |
4 description: "You have an Element object, now what?" | 4 description: "You have an Element object, now what?" |
5 has-permalinks: true | 5 has-permalinks: true |
6 tutorial: | 6 tutorial: |
7 id: add-elements | 7 id: add-elements |
| 8 next: remove-elements |
| 9 next-title: "Remove DOM Elements" |
| 10 prev: connect-dart-html |
| 11 prev-title: "Connect Dart & HTML" |
8 --- | 12 --- |
9 | 13 |
10 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
11 | 15 |
12 * In Dart, page elements are of type Element. | 16 * In Dart, page elements are of type Element. |
13 * An Element knows its parent. | 17 * An Element knows its parent. |
14 * An Element keeps its children in a List\<Element>. | 18 * An Element keeps its children in a List\<Element>. |
15 * Change the DOM by adding or removing children of elements. | 19 * Change the DOM by adding or removing children of elements. |
16 * Respond to user input with an EventListener. | 20 * Respond to user input with an EventListener. |
17 | 21 |
(...skipping 354 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
372 </li> | 376 </li> |
373 | 377 |
374 <li> | 378 <li> |
375 You can find more information about the DOM and CSS in | 379 You can find more information about the DOM and CSS in |
376 <a href="/docs/dart-up-and-running/">Dart Up and Running</a>, | 380 <a href="/docs/dart-up-and-running/">Dart Up and Running</a>, |
377 which also provides thorough coverage of the Dart language, | 381 which also provides thorough coverage of the Dart language, |
378 libraries, and tools. | 382 libraries, and tools. |
379 </li> | 383 </li> |
380 </ul> | 384 </ul> |
381 | 385 |
382 <hr> | |
383 | |
384 <div class="row"> | |
385 <div class="span3"> | |
386 <a href="/docs/tutorials/connect-dart-html/"><i class="icon-chevron-left"> </i
> Connect Dart & HTML</a> | |
387 </div> | |
388 <div class="span3"> | |
389 <a href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20feedback
" | |
390 target="_blank"> | |
391 <i class="icon-comment"> </i> | |
392 Send feedback | |
393 </a> | |
394 </div> | |
395 <div class="span3"> | |
396 <a href="/docs/tutorials/remove-elements/" class="pull-right">Remove DOM Eleme
nts <i class="icon-chevron-right"> </i> </a> | |
397 </div> | |
398 </div> | |
399 | |
400 {% endcapture %} | 386 {% endcapture %} |
401 | 387 |
402 {% include tutorial.html %} | 388 {% include tutorial.html %} |
OLD | NEW |