| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Remove DOM Elements" | 3 title: "Remove DOM Elements" |
| 4 description: "Remove a child element from the DOM" | 4 description: "Remove a child element from the DOM" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: remove-elements | 7 id: remove-elements |
| 8 next: shared-pkgs | 8 next: shared-pkgs/ |
| 9 next-title: "Install Shared Packages" | 9 next-title: "Install Shared Packages" |
| 10 prev: add-elements | 10 prev: add-elements/ |
| 11 prev-title: "Add Elements to the DOM" | 11 prev-title: "Add Elements to the DOM" |
| 12 --- | 12 --- |
| 13 | 13 |
| 14 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
| 15 | 15 |
| 16 * Use _element_.remove() to remove an element from the DOM. | 16 * Use _element_.remove() to remove an element from the DOM. |
| 17 * Remove all children from an element with _element_.children.clear(). | 17 * Remove all children from an element with _element_.children.clear(). |
| 18 * Function expressions are a convenient way to define single-use functions. | 18 * Function expressions are a convenient way to define single-use functions. |
| 19 * => is a shorthand syntax for defining functions that contain just one | 19 * => is a shorthand syntax for defining functions that contain just one |
| 20 expression. | 20 expression. |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 68 a new item appears in the list. | 68 a new item appears in the list. |
| 69 Enter a few more items. | 69 Enter a few more items. |
| 70 Point the mouse cursor at one of the items in the list; | 70 Point the mouse cursor at one of the items in the list; |
| 71 the item turns red and gets slightly larger. | 71 the item turns red and gets slightly larger. |
| 72 Click it and it disappears from the list. | 72 Click it and it disappears from the list. |
| 73 Use the **Delete All** button in the lower right corner of the app | 73 Use the **Delete All** button in the lower right corner of the app |
| 74 to remove all of the items in the list at once. | 74 to remove all of the items in the list at once. |
| 75 | 75 |
| 76 <iframe class="running-app-frame" | 76 <iframe class="running-app-frame" |
| 77 style="height:250px;width:300px;" | 77 style="height:250px;width:300px;" |
| 78 src="http://dart-lang.github.com/dart-tutorials-samples/web/target04/tod
o_with_delete/web/todo_with_delete.html"> | 78 src="http://dart-lang.github.io/dart-tutorials-samples/web/target04/todo
_with_delete/web/todo_with_delete.html"> |
| 79 </iframe> | 79 </iframe> |
| 80 | 80 |
| 81 You can find the complete source code for this sample on github at | 81 You can find the complete source code for this sample on github at |
| 82 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/tar
get04/todo_with_delete" | 82 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/tar
get04/todo_with_delete" |
| 83 target="_blank">todo_with_delete</a>. | 83 target="_blank">todo_with_delete</a>. |
| 84 | 84 |
| 85 The remaining sections describe | 85 The remaining sections describe |
| 86 key aspects of the code | 86 key aspects of the code |
| 87 added to the todo app for this target. | 87 added to the todo app for this target. |
| 88 Specifically, they look at | 88 Specifically, they look at |
| (...skipping 146 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 235 You can find more information about the DOM and CSS in | 235 You can find more information about the DOM and CSS in |
| 236 <a href="/docs/dart-up-and-running/">Dart Up and Running</a>, | 236 <a href="/docs/dart-up-and-running/">Dart Up and Running</a>, |
| 237 which also provides thorough coverage of the Dart language, | 237 which also provides thorough coverage of the Dart language, |
| 238 libraries, and tools. | 238 libraries, and tools. |
| 239 </li> | 239 </li> |
| 240 </ul> | 240 </ul> |
| 241 | 241 |
| 242 {% endcapture %} | 242 {% endcapture %} |
| 243 | 243 |
| 244 {% include tutorial.html %} | 244 {% include tutorial.html %} |
| OLD | NEW |