index
index 속성은 요소가 부모 요소 내에서 차지하는 위치를 가져올 때 사용됩니다. 이 위치는 0부터 세며, 첫 번째 요소의 위치는 0, 두 번째는 1, 이런 식으로 계속됩니다.
아래 예제에서는 index 속성을 사용하여 요소가 부모 요소 아래에서의 위치를 가져오는 방법을 보여줍니다:
- I am 1
- I am target
- I am 3
로거
이 예시에서는 먼저 id가 "target"인 <li> 요소를 선택합니다. 그런 다음 index 속성을 사용하여 해당 요소가 부모 요소 <ul> 아래에서의 위치, 즉 두 번째 요소를 가져오므로 index 값은 1입니다. 그런 다음 이 값을 id가 "logger"인 <div> 요소에 표시합니다.