JavaScript में एलिमेंट्स के पड़ोसियों की खोज

previousElementSiblingnextElementSibling

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

इसके ऊपर वाले पड़ोसी के टेक्स्ट और इसके नीचे वाले पड़ोसी के टेक्स्ट को आपस में बदलें।