2015年9月23日水曜日

カスケード呼び出し

以前、Dart で HTML 要素にスタイルを設定する方法を 2 種類紹介しました。
その1その2


それぞれの方法で文字色を赤色にするだけのシンプルな内容でしたが、実際のケースでは複数のものを同時に設定することが多いと思います。


そういったときに便利なのが今回紹介する「カスケード呼び出し(カスケード演算子)」です。
コードを見たほうが説明しやすいので、次のコードをご覧ください。





「#sample_container_id」という id の div 要素に、文字色、フォントサイズ、フォントを設定しています。


その際に、それぞれのスタイル設定をカスケード演算子「..」で繋ぐことで一度に行っています。
このような複数の関数の同時実行や複数のプロパティへ同時アクセスすることを「カスケード呼び出し」といいます。


コーディングとしては毎回の「div.style」部分を省略でき、適度な改行を入れることで可読性もよくなると思います。
スタイル設定や、要素のプロパティに対するアクセスの際はぜひとも使っていきたいですね!


ちなみに、、、スタイル設定その2の方法でもカスケード呼び出しは可能ですので、スタイル設定の方法自体は好きな方法でよさそうです!



その2の方法だと、スタイルを「;」区切りで複数設定できるから、わざわざカスケード呼び出しする必要ないんですけどね。。。

2 件のコメント:

  1. Thanks for sharing, nice post!

    Chia sẻ các bạn gãy xương bàn chân bó bột bao lâu gãy xương bàn chân bao lâu thì lành hay gãy xương cẳng chân bao lâu thì lành gãy xương cẳng chân nên ăn gì hay gãy xương mác bao lâu lành gãy xương mác có nguy hiểm không gãy xương mác bó bột bao lâu hay gãy xương sườn bao lâu lành có nguy hiểm không hay sinh mổ bao lâu thì hết sản dịch và có kinh trở lại hay mổ ruột thừa bao lâu thì lành mổ ruột thừa nội soi hết bao nhiêu tiền hay trẻ bị tiêu chảy có nên uống nước cam không kiêng ăn gì hay trẻ sơ sinh bị tiêu chảy mẹ nên ăn gì trẻ sơ sinh bị tiêu chảy phải làm sao hay cách chữa nấc cho trẻ sơ sinh hiệu quả tại nhà hay trẻ sơ sinh bị sôi bụng phải làm sao hướng dẫn các mẹ cách đo nhiệt độ cho trẻ sơ sinh hay trẻ sơ sinh nhiệt độ bao nhiêu là sốt và nhiệt độ trẻ sơ sinh bao nhiêu là bình thường hay bệnh thủy đậu thì http://benhthuydauco.blogspot.com/ hay bà bầu uống thuốc thì http://babauconenuongthuoc.blogspot.com/ về trẻ sơ sinh thì tham khảo http://tresosinhconen.blogspot.com/ hay bị bệnh tiểu đường có nên http://bibenhtieuduongconen.blogspot.com/ hay gãy xương đòn thì tham khảo gãy xương đòn bao lâu lành có tập tạ được không hay tác dụng của chuối xanh trong việc điều trị hiệu quả 1 số bệnh.

    返信削除
  2. Singapore Souvenirs wrapping is likewise accessible so that it can be used as a festive gift idea. Following purchase, remember to contact us utilizing the inquiry type to demand your get quantity and gift covering.

    返信削除