⊗jsPmPrCRL 476 of 505 menu

JavaScript-те элементтерді жою сілтемелерін жасау

Енді бізде бірнеше абзац бар делік:

<div id="parent"> <p>text1</p> <p>text2</p> <p>text3</p> </div>

Әрбір абзацтың соңына оны жою сілтемесін қосатындай етейік.

Алдымен сілтемелерді қосу функциясын жасап көрейік:

let elems = document.querySelectorAll('#parent p'); for (let elem of elems) { let remove = document.createElement('a'); remove.href = ''; remove.textContent = 'remove'; elem.appendChild(remove); }

Енді сілтемені басқан кезде сәйкес абзацтың жойылатындай етейік:

let elems = document.querySelectorAll('#parent p'); for (let elem of elems) { let remove = document.createElement('a'); remove.href = ''; remove.textContent = 'remove'; elem.appendChild(remove); remove.addEventListener('click', function(event) { elem.remove(); event.preventDefault(); }); }

ul тегі берілген. Әрбір li тегінің соңына осы li-ді тізімнен жою сілтемесін қосыңыз.

HTML кестесі берілген. Оған тағы бір бағана қосыңыз, онда кестенің әрбір қатары үшін сол қатарды жою сілтемесі болады.

Қазақ
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართული한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Біз сайттың жұмысы, аналитика және персонализация үшін cookie файлдарын қолданамыз. Деректерді өңдеу Құпиялылық саясаты бойынша жүреді.
барлығын қабылдау баптау қабылдамау