gsap.getById()
gsap.getById() 메서드는 애니메이션의 id 값을 설정하거나 id 값을 불러올 때 사용합니다. CSS 선택자 id 값과 별개로 사용합니다. 만약 id 값이 없으면 undefined를 반환합니다.
gsap.getById()
gsap.getById() 메서드는 요소의 id 값을 설정하거나 가져옵니다.
| 특징 | 설명 |
|---|---|
| 버전 | GSAP3 |
| 결과값(return) | 움직임(tween) or 타임라인(Timeline) |
| 사용성 | ★☆☆☆☆ |
문법(Syntax)
gsap.to("타겟", {id: "id 이름", 속성: 속성값, ....});
//id를 설정하는 경우
gsap.to("target", {id: "myTween", duration: 1, x: 100});
//id를 불러오는 경우
gsap.getById("myTween")
- 타겟(targets): 애니메이션을 적용할 개체를 선택합니다. (CSS 선택자, Javascript 선택자 가능)
- id : id 이름을 설정합니다.
- 속성(values) : 애니메이션과 관련된 속성을 설정합니다.
정의(Definition)
- gsap.getById() 메서드는 요소의 id 값을 설정하거나 가져옵니다.
- gsap.getById() 메서드는 요소의 id 값이 없으면 undefined를 반환합니다.
- gsap.getById() 메서드는 애니메이션에 참조할 수 있는 id를 만들 수 있으며, 이것은 리액트에서 유용하게 사용할 수 있습니다.
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| gsap.fromTo() | ○ | ○ | ○ | ○ | ○ | ❌ | ❌ | ❌ | ○ | ○ | ○ | ○ | ○ | ○ |
