createjsのstageオブジェクト作成をidではなくクラス指定にしたい

Question

createjsのcanvasを使う際の初めにstageオブジェクトを作成するかと思いますが、stageオブジェクトの指定対象をidではなくクラス名で指定して複数のcanvasを対象に取って処理を実行したいのですが、idでないとできないのでしょうか？

##変更前

var canvas = document.getElementById("test");
stage = new createjs.Stage(canvas);

##変更後

var canvas = document.getElementsByClassName("test");
stage = new createjs.Stage(canvas);

Answer 1

createjs の Stage クラスは単独の canvas 要素と一対一対応するものと考えられるので、複数の要素を対象にするのは無理だと思います。

対象の canvas の数だけ Stage オブジェクトを生成し、同じ操作を行うようにすれば同様の結果にはなると思います。

// Stage のインスタンスを含む配列を作成
const stages = [].map.call(
  document.getElementsByClassName('test'), 
  el => new createjs.Stage(el)
)

Comments

[webStudy]

やはり複数の要素に対して対象はできないのですね。ありがとうございます。
クラスを対象にすること自体出来なさそうなので、idをつける際に連番にして
同じ操作をループさせるようにしてみます。