Hướng dẫn can you use a variable from javascript in html? - bạn có thể sử dụng một biến từ javascript trong html không?

Bạn chỉ có thể sử dụng biến JavaScript trong HTML bằng cách liên kết biến JavaScript với phần tử HTML bằng thuộc tính id hoặc class.

Liên kết biến JavaScript với phần tử HTML

  1. Tạo một phần tử trong HTML.

Mã số

Content is loading ...

Gán một ID cho phần tử.

Mã số

 id="content-holder">Content is loading ...

Gán một ID cho phần tử.

Hướng dẫn can you use a variable from javascript in html? - bạn có thể sử dụng một biến từ javascript trong html không?

Nếu bạn kiểm tra điều này bây giờ, tất cả những gì bạn sẽ thấy là:


Bây giờ bạn có thể thêm JavaScript vào trang của mình bằng thẻ script.

Mã số

var newContent = "This content will be loaded as a paragraph on the p tag when we add it through Javascript.";

Gán một ID cho phần tử.

Mã số

var contentHolder = document.getElementById('content-holder');

Gán một ID cho phần tử.

Mã số

contentHolder.innerHTML = newContent;

Gán một ID cho phần tử.

Hướng dẫn can you use a variable from javascript in html? - bạn có thể sử dụng một biến từ javascript trong html không?

Nếu bạn kiểm tra điều này bây giờ, tất cả những gì bạn sẽ thấy là:

 id="content-holder">Content is loading ...

Bây giờ bạn có thể thêm JavaScript vào trang của mình bằng thẻ script.

Bây giờ, bạn có thể bắt đầu làm việc trên JavaScript. Tạo biến JavaScript của bạn.

Bạn lấy phần tử trong JavaScript bằng cách sử dụng giá trị ID được gán.

Để hiển thị biến trong HTML, hãy gán biến cho phần tử trong JavaScript bằng thuộc tính bên trong.

 id="shopping-list">

Kết quả

Hướng dẫn can you use a variable from javascript in html? - bạn có thể sử dụng một biến từ javascript trong html không?

Hoàn thành mã

Hướng dẫn can you use a variable from javascript in html? - bạn có thể sử dụng một biến từ javascript trong html không?

Bạn có thể sử dụng phương thức trên cho các biến chuỗi và số.Avic Ndugu.

Sử dụng biến mảng JavaScript trong HTML

HTML có thể truy cập biến JavaScript không?

Trong JavaScript, các biến có thể được truy cập từ một tệp khác bằng cách sử dụng các thẻ hoặc câu lệnh nhập hoặc xuất.Thẻ tập lệnh chủ yếu được sử dụng khi chúng tôi muốn truy cập biến của tệp JavaScript trong tệp HTML.variables can be accessed from another file using the