Computer >> Máy Tính >  >> Lập trình >> Javascript

Nhận giá trị H1 HTML cho biến JavaScript?


Để nhận giá trị của H1 thành biến JavaScript, bạn có thể sử dụng -

document.getElementById().innerHTML.

Giả sử sau đây là tiêu đề H1 của chúng tôi -

<h1 id="demo"> This is the demo program of JavaScript ........</h1>

Bây giờ, hãy lấy giá trị H1 bằng đoạn mã dưới đây -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet"href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<h1 id="demo"> This is the demo program of JavaScript ........</h1>
<script>
   var data=document.getElementById('demo').innerHTML;
   console.log("The data is="+data);
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Nhận giá trị H1 HTML cho biến JavaScript?