Lấy giá trị thẻ HTML H1 vào biến JavaScript

Để lấy giá trị của thẻ H1 và gán vào biến JavaScript, bạn có thể sử dụng phương thức document.getElementById().innerHTML.

Ví dụ

Giả sử chúng ta có thẻ H1 sau:

<h1 id="demo"> Đây là chương trình demo của JavaScript ........</h1>

Đoạn code dưới đây lấy giá trị của thẻ H1 và ghi ra console:

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lấy giá trị H1</title>
</head>
<body>
    <h1 id="demo"> Đây là chương trình demo của JavaScript ........</h1>
    <script>
        var data = document.getElementById('demo').innerHTML;
        console.log("Giá trị H1 là: " + data);
    </script>
</body>
</html>

Cách chạy

Lưu file với tên bất kỳ (ví dụ: index.html), sau đó chuột phải vào file và chọn Open with Live Server trong VS Code.

Kết quả

Console sẽ hiển thị:

Giá trị H1 là: Đây là chương trình demo của JavaScript ........