Các hàm làm việc với phần tử DOM trong JavaScript

Bây giờ chúng ta sẽ học cách tạo các hàm trợ giúp thực hiện các thao tác nào đó với DOM. Ví dụ, hãy tạo một hàm mà tham số đầu tiên sẽ nhận id của phần tử, và tham số thứ hai - văn bản của phần tử, và sẽ đặt văn bản mới cho phần tử đó.

Đây là hàm đã được mô tả:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Hãy thử nghiệm hoạt động của nó. Giả sử chúng ta có hai đoạn văn:

<p id="elem1"></p>
<p id="elem2"></p>

Hãy thay đổi văn bản cho các đoạn văn này, sử dụng hàm chúng ta đã tạo:

setText('elem1', 'text1');
setText('elem2', 'text2');

Hãy sửa đổi hàm do tôi tạo sao cho tham số của nó nhận không phải là id của phần tử, mà là một bộ chọn CSS bất kỳ.

Hãy tạo hàm setAttr, hàm này sẽ thay đổi thuộc tính cho phần tử DOM. Giả sử tham số đầu tiên hàm nhận là bộ chọn phần tử, tham số thứ hai - tên thuộc tính, và tham số thứ ba - giá trị mới của nó.