Hướng dẫn get element javascript - lấy javascript phần tử

Phương thức

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

Phương thức này là một trong những phương thức phổ biến nhất trong HTML DOM và được sử dụng gần như mọi lúc bạn muốn thao tác (hoặc lấy thông tin từ) một phần tử trên tài liệu của bạn.

Trả về

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

ID phải là duy nhất trong một trang. Tuy nhiên, nếu có nhiều hơn một phần tử với ID được chỉ định tồn tại (trùng ID), phương thức getElementById() trả về phần tử đầu tiên trong mã nguồn.

Cú pháp

var element = document.getElementById(elementID)

Tham số:

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

Giá trị trả lại:

Một đối tượng

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

Ví dụ

Lấy phần tử có

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

var x = document.getElementById("demo"); // Get the element with id="demo"
x.style.color = "red"; // Change the color of the element

HTML

    
    


    
Some text here
    blue
    red

JavaScript

function changeColor(newColor) {
    var elem = document.getElementById('para');
    elem.style.color = newColor;
}

Kết quả

Tính tương thích của trình duyệt web

Trình duyệt trên máy tính

Trình duyệt trên thiết bị di động

Chrome for Android

• Edge Mobile
• FireFox for Android