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ố

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à:

// Write your Javascript code inside here 

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à:

Content is loading ...


  // Write your Javascript code inside here 
  var newContent = "This content will be loaded as a paragraph on the p tag when we add it through Javascript.";
  var contentHolder = document.getElementById['content-holder'];
  contentHolder.innerHTML = newContent;

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.

  var shoppingitems = ["soap", "toothpaste", "tissue", "toothbrush"];
  var shoppinglist = document.getElementById['shopping-list'];
  for [var n=0; n