Էլեմենտների հարևանների որոնում JavaScript-ում

Задание 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>

Փոխեք տեղերով նրա վերևի հարևանի տեքստը և նրա ներքևի հարևանի տեքստը: