プログラム学習室 http://studyhallweb.com/

Dart言語: タグの属性変更

View Sample

サンプルテキスト
※動作しない場合は、Dartiumで見てください

Sample Code

属性の取得は getAttribute(属性名)、変更は setAttribute(属性名, 値) で出来る。
import 'dart:html';

class chgSpanAttri {
  SpanElement text1;
  ButtonElement btn1;

  chgSpanAttri() {
    text1 = querySelector('#id1');
    btn1 = querySelector('#btnChgColor');
    btn1.onClick.listen((e)=> click());
    // ボタンのクリックで click() が実行される
  }

  click() {
    // クリックされるたびにスタイルを変えて色を変更
    if (text1.getAttribute('style') == 'color:black;')
      text1.setAttribute('style', 'color:red;');
    else
      text1.setAttribute('style', 'color:black;');
  }
}

void main() {
  chgSpanAttri spanAtrri = new chgSpanAttri();
}