| 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 |