Gắn sự kiện khi chèn phần tử
Bây giờ chúng ta hãy khi chèn các phần tử gắn trình xử lý sự kiện cho chúng.
Ví dụ, chúng ta có phần tử cha như sau:
<div id="parent">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Hãy thêm một đoạn văn khác vào cuối phần tử cha này, thiết lập cho nó một trình xử lý sự kiện nhấp chuột:
let parent = document.querySelector('#parent');
let p = document.createElement('p');
p.textContent = '!';
p.addEventListener('click', function() {
console.log(this.textContent); // khi nhấp chuột sẽ in ra nội dung văn bản của đoạn văn
});
parent.appendChild(p);
Cho phần tử ol và một nút bấm. Hãy làm sao để khi nhấp chuột
vào nút bấm, thẻ li sẽ được thêm vào cuối ol.
Hãy làm sao để khi nhấp chuột vào bất kỳ
phần tử li nào đã được thêm, một
dấu chấm than sẽ được ghi vào cuối văn bản của nó.
