Hướng dẫn how do i print a value in html? - làm cách nào để in một giá trị trong html?

Khả năng hiển thị JavaScript

JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:

• Viết thành một phần tử HTML, sử dụng innerHTML.
• Viết vào đầu ra HTML bằng cách sử dụng document.write().
• Viết vào một hộp cảnh báo, sử dụng window.alert().
• Viết vào bảng điều khiển trình duyệt, sử dụng console.log().

Sử dụng InternalHtml

Để truy cập một phần tử HTML, JavaScript có thể sử dụng phương thức document.getElementById(id).

Thuộc tính id xác định phần tử HTML. Thuộc tính innerHTML xác định nội dung HTML:

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

My First Paragraph

Trang web đầu tiên của tôi đoạn đầu tiên của tôi
document.getElementById("demo").innerHTML = 5 + 6;

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

My first paragraph.

document.getEuityById ("demo"). Internhtml = 5 + 6;
document.write(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »delete all existing HTML:

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »
window.alert(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

My First Web Page

My first paragraph.

Hãy tự mình thử »
alert(5 + 6);

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Thí dụ

document.getEuityById ("demo"). Internhtml = 5 + 6;

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Hãy tự mình thử »

Thay đổi thuộc tính bên trong của phần tử HTML là một cách phổ biến để hiển thị dữ liệu trong HTML.

Sử dụng document.write ()

Đối với mục đích thử nghiệm, thuận tiện khi sử dụng document.write():

Thí dụ

Trang web đầu tiên của tôi đoạn đầu tiên của tôi

document.getEuityById ("demo"). Internhtml = 5 + 6;

Try it Yourself »

Thí dụ

Thực hiện tính toán và hiển thị kết quả trong một yếu tố:

& nbsp;& nbsp;+ & nbsp;=
 
  +
  =

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thẻ document.write()2 được sử dụng để biểu thị kết quả của tính toán (giống như được thực hiện bởi một tập lệnh).

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.

Thuộc tính

Thuộc tính toàn cầu

Thẻ document.write()2 cũng hỗ trợ các thuộc tính toàn cầu trong HTML.

Thuộc tính sự kiện

Thẻ document.write()2 cũng hỗ trợ các thuộc tính sự kiện trong HTML.

Các trang liên quan

Tham khảo HTML DOM: Đối tượng đầu ra

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử document.write()2 với các giá trị mặc định sau:

đầu ra {& nbsp; & nbsp; display: inline;}
  display: inline;
}