JavaScript에서 요소의 형제 요소 찾기

Задание 1

요소 #elem가 주어집니다:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

위쪽 형제 요소를 찾고 그 끝에 텍스트 '!'를 추가하세요.

Задание 2

요소 #elem가 주어집니다:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

아래쪽 형제 요소를 찾고 그 끝에 텍스트 '!'를 추가하세요.

Задание 3

요소 #elem가 주어집니다:

html<ul>
  <li>text</li>
  <li>text</li>
  <li id="elem">text</li>
  <li>text</li>
  <li>text</li>
</ul>

아래쪽 형제 요소의 아래쪽 형제 요소 (인접한 요소 다음 요소)를 찾고 그 끝에 텍스트 '!'를 추가하세요.

Задание 4

요소 #elem가 주어집니다:

html<ul>
  <li>text1</li>
  <li>text2</li>
  <li id="elem">text3</li>
  <li>text4</li>
  <li>text5</li>
</ul>

위쪽 형제 요소의 텍스트와 아래쪽 형제 요소의 텍스트를 교환하세요.