JavaScriptでの要素の隣接要素の検索

previousElementSiblingnextElementSibling

Задание 1

要素 #elem が与えられます:

html<ul>
  <li>テキスト</li>
  <li>テキスト</li>
  <li id="elem">テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ul>

その上の隣接要素を見つけ、その末尾にテキスト '!' を追加してください。

Задание 2

要素 #elem が与えられます:

html<ul>
  <li>テキスト</li>
  <li>テキスト</li>
  <li id="elem">テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ul>

その下の隣接要素を見つけ、その末尾にテキスト '!' を追加してください。

Задание 3

要素 #elem が与えられます:

html<ul>
  <li>テキスト</li>
  <li>テキスト</li>
  <li id="elem">テキスト</li>
  <li>テキスト</li>
  <li>テキスト</li>
</ul>

その下の隣接要素のさらに下の隣接要素（隣接要素の次の要素）を見つけ、その末尾にテキスト '!' を追加してください。

Задание 4

要素 #elem が与えられます:

html<ul>
  <li>テキスト1</li>
  <li>テキスト2</li>
  <li id="elem">テキスト3</li>
  <li>テキスト4</li>
  <li>テキスト5</li>
</ul>

その上の隣接要素のテキストと下の隣接要素のテキストを入れ替えてください。