開発環境
- OS X Mavericks - Apple (OS)
- Dart Editor (開発環境)
- Dartium | Dart/ Structured web apps (ブラウザ, Dart VM 用 (Chromium with the Dart VM))
- Safari (ブラウザ, JavaScript 用)
- Dart (プログラミング言語)
『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の11章(ドキュメントオブジェクトモデル)、練習問第11-2、11-3、11-4、11-5、11-6.をDartで解いてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
練習問第11-2、11-3、11-4、11-5、11-6.
コード
sample.dart
import 'dart:html'; void main(){ var run = querySelector('#run'), clear = querySelector('#clear'), pre0 = querySelector('#pre0'); run.onClick.listen((MouseEvent event){ var result = window.navigator.userAgent + '\n', body = querySelector('body').children, divs = querySelectorAll('div'), elem2 = querySelector('#elem2'); result += 'body要素の子要素の要素の種類(tagName)\nn'; for (var x in body){ result += '${x.tagName}\n'; } result += 'body要素の子要素の要素の種類(nodeType)\nn'; for (Element x in body){ result += '${x.nodeType}\n'; } result += 'ページ上のすべてのdiv要素のid(識別子)\n'; for (Element div in divs){ result += '${div.getAttribute('id')}\n'; } result += '${querySelector('#elem1').text}\n' + '${querySelector('.thediv').text}\n'; elem2.innerHtml = '<p>11-6. 段落</p>'; pre0.text = result; }); clear.onClick.listen((MouseEvent event) => pre0.text = ''); }
11.5
0 コメント:
コメントを投稿