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 |