DOM

Animation.id プロパティ

 編集:2022.10.21 by T.A.

[Edge]。→

アニメーション Animation の識別名を文字列で取得/設定します。

構文
Animation.id
Animation Animation

文字列。アニメーションに ID がない場合は null。

簡単な Web アニメーションと id

HTML:

<DIV id=IdTest style="width:1em">■</DIV>
<SPAN id=IdLog></SPAN>

JavaScript:

KF=new KeyframeEffect(  //キーフレームの指定:
  IdTest, 
  [
    {transform:'translateX(0)'}, {transform:'translateX(200px)'}  //X軸移動。
  ], 
  {duration:3000, fill:'forwards'}  //3000ms掛けて、?。
);
Ani=new Animation(KF, document.timeline);  //アニメーション再生。
Ani.play();
D=Ani.id;

KeyframeEffect()CSS:transformCSS:translateX()duration、fillplay()


テスト