要素の取得

IDを指定して取得

IDを指定して特定の要素を取得するにはSabel.get()メソッドを使用します。

  var el = Sabel.get("smpl_id");
  alert(el.id);

CSS Selectorで取得

また、CSS Selectorで要素を取得するにはSabel.find()メソッドを使用します。

  var els = Sabel.find("div.smpl_class");
  alert(els.length);

ブラウザの実装に依存しますが、特定のクラス名を持っている要素を取得したい場合に、Sabel.Dom.getElementsByClassName()メソッドを使用すると多少早く要素の取得が出来る場合があります。

  var els = Sabel.Dom.getElementsByClassName("smpl_class");
  alert(els.length);

メソッドチェイン

また、get / findメソッドは繋げて書く事も出来るので、以下の2つのコードは等価になります。

  var els = Sabel.find("#smpl_id > p");
  alert(els.length);

  var els = Sabel.get("smpl_id").find("p");
  alert(els.length);

<< 戻る