2013年11月14日木曜日

開発環境

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の11章(ドキュメントオブジェクトモデル)、練習問第11-2、11-3、11-4、11-5、11-6.をDartで解いてみる。

その他参考書籍

練習問第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

11-6. 見出し

0 コメント:

コメントを投稿