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 кестесі берілген. Оған тағы бір бағана қосыңыз, онда кестенің әрбір қатары үшін сол қатарды жою сілтемесі болады.