Bạn có thể sử dụng tài liệu. viết nếu chỉ muốn hiển thị giá trị biến JavaScript trong trang HTML. Nhưng nếu bạn muốn hiển thị các biến cho các phần tử cụ thể, hãy sử dụng InternalHTML với getElementById
document.write[variable]
hoặc
document.getElementById["myText"].innerHTML = variable;
Ví dụ hiển thị giá trị biến JavaScript trong trang HTML
Simple example code showing variable value into a
tag.
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
đầu ra
Sử dụng tài liệu. viết[]
var number = 123;
document.write[number]
Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề biến JS này
cấp. Tất cả mã Ví dụ về JS được kiểm tra trên trình duyệt Firefox và trình duyệt Chrome
hệ điều hành. cửa sổ 10
mã số. phiên bản HTML5
Rohit
Bằng cấp về Khoa học và Kỹ thuật Máy tính. Nhà phát triển ứng dụng và có kinh nghiệm lập trình nhiều ngôn ngữ. Đam mê công nghệ & thích học hỏi kỹ thuật
Hướng dẫn này sẽ chỉ cho bạn cách sử dụng cả ba cách để hiển thị các biến JavaScript trong trang HTML. Hãy bắt đầu với việc sử dụng phương pháp
Hello
0Hiển thị biến JavaScript bằng phương pháp
Hello
0
Hello
Phương thức
Hello
0 cho phép bạn thay thế toàn bộ nội dung của thẻ HTML
Hello
6 bằng các biểu thức HTML và JavaScript mà bạn muốn hiển thị bên trong thẻ
Hello
6. Giả sử bạn có phần tử HTML sau
Hello World
Greetings
Khi bạn chạy phương thức
Hello
8 trên đoạn HTML ở trên, nội dung của
Hello
6 sẽ được thay thế như sau
Hello
Biết điều này, bạn có thể hiển thị bất kỳ giá trị biến JavaScript nào bằng cách chuyển tên biến làm tham số cho phương thức
Hello
0document.getElementById["myText"].innerHTML = variable;
4Phương pháp
Hello
0 thường chỉ được sử dụng cho mục đích thử nghiệm vì nó sẽ xóa mọi phần tử HTML hiện có bên trong thẻ
Hello
6 của bạn. Hầu hết, bạn sẽ muốn hiển thị một biến JavaScript bên cạnh các phần tử HTML của mình. Để làm được điều đó, bạn cần sử dụng phương pháp tiếp theoHiển thị biến JavaScript bằng thuộc tính InternalHTML
Mỗi phần tử HTML đơn lẻ có thuộc tính
Hello
1 chứa nội dung của phần tử đó. Trình duyệt cho phép bạn thao tác với thuộc tính
Hello
1 bằng cách sử dụng JavaScript bằng cách gán thuộc tính đó cho một giá trị khácVí dụ: hãy tưởng tượng bạn có thẻ HTML
Hello
6 sau
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
0Bạn có thể thay thế nội dung của thẻ
document.getElementById["myText"].innerHTML = variable;
46 bằng cách truy xuất phần tử đầu tiên bằng mã định danh của nó. Vì phần tử document.getElementById["myText"].innerHTML = variable;
46 có thuộc tính document.getElementById["myText"].innerHTML = variable;
48 với giá trị là document.getElementById["myText"].innerHTML = variable;
49 nên bạn có thể sử dụng phương thức
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
00 để truy xuất và thay đổi thuộc tính
Hello
1 của nóĐây là cách bạn làm điều đó
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
7Nội dung của thẻ
document.getElementById["myText"].innerHTML = variable;
46 sẽ được thay đổi như sau
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
9Biết được điều này, bạn có thể chỉ cần bọc khoảng trống nơi bạn muốn biến JavaScript của mình được hiển thị bằng phần tử
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
03 như sau
var number = 123;
document.write[number]
1Đoạn mã trên sẽ xuất ra HTML sau
var number = 123;
document.write[number]
2Và đó là cách bạn có thể hiển thị các giá trị biến JavaScript bằng thuộc tính
Hello
1Hiển thị biến JavaScript bằng cửa sổ. phương thức cảnh báo []
Phương pháp
Hello
2 cho phép bạn khởi chạy một hộp thoại ở phía trước trang HTML của bạn. Ví dụ: khi bạn thử chạy trang HTML sau
var number = 123;
document.write[number]
5Hộp thoại sau sẽ xuất hiện trong trình duyệt của bạn
Ví dụ hộp cảnh báo JavaScript
Việc triển khai cho từng trình duyệt sẽ khác nhau một chút, nhưng tất cả đều hoạt động giống nhau. Biết được điều này, bạn có thể dễ dàng sử dụng hộp thoại để hiển thị giá trị của một biến JavaScript. Chỉ cần chuyển tên biến cho phương thức
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
06 như sau
var number = 123;
document.write[number]
7Đoạn mã trên sẽ khởi chạy một hộp thoại hiển thị giá trị của biến
function myFunction[] {
var v = "Hello world";
document.getElementById["myText"].innerHTML = v;
}
07Phần kết luận
Hiển thị các biến JavaScript trong các trang HTML là một nhiệm vụ phổ biến đối với các nhà phát triển web. Các trình duyệt hiện đại cho phép bạn thao tác nội dung HTML bằng cách gọi các phương thức API JavaScript được hiển thị
Cách phổ biến nhất để hiển thị giá trị của một biến JavaScript là thao tác với giá trị thuộc tính
Hello
1, nhưng khi kiểm tra các biến của mình, bạn cũng có thể sử dụng phương pháp
Hello
0 hoặc
Hello
2. Bạn được tự do sử dụng phương pháp phù hợp với mình nhất