Lấy phần tử DOM trong JavaScript

Bây giờ chúng ta sẽ học cách lấy các phần tử DOM của trang để sau này có thể thao tác với chúng.

Giả sử chúng ta có một nút bấm nào đó:

<input id="button" type="submit">

Hãy lấy một tham chiếu đến nút bấm này vào một biến. Để làm điều này, nên sử dụng phương thức querySelector của đối tượng đặc biệt document. Phương thức này nhận một bộ chọn CSS làm tham số và trả về một tham chiếu đến phần tử được tìm thấy bởi bộ chọn đó.

Nút bấm của chúng ta có thuộc tính id với giá trị button. Điều đó có nghĩa là chúng ta có thể tìm thấy nút bấm này bằng bộ chọn #button. Vậy, hãy tìm nút bấm của chúng ta và ghi tham chiếu đến nó vào một biến:

let button = document.querySelector('#button');
console.log(button);

Cho 3 đoạn văn:

<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>

Hãy ghi tham chiếu đến mỗi đoạn văn vào một biến riêng biệt và xuất nội dung của mỗi biến đó ra console.