Hướng dẫn how use javascript variable inside html tag? - cách sử dụng biến javascript bên trong thẻ html?

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ử.

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ử.

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ả

Hoàn thành mã

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

Để xem các biến mảng và đối tượng trong HTML, bạn phải lặp qua các mục trong JavaScript trước khi chuyển chúng đến HTML.

Chúng ta có thể sử dụng thẻ HTML bên trong JavaScript không?

Thẻ HTML được sử dụng để xác định tập lệnh phía máy khách (JavaScript).Phần tử chứa các câu lệnh script hoặc nó trỏ đến tệp tập lệnh bên ngoài thông qua thuộc tính SRC.. The

programming javascript HTML variable Var JavaScript

Reply 2 0 Chia sẻ