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ẻ đượ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ử.
10.0 | 13.0 & nbsp; | 4.0 | 5.1 | 11.0 |
Thuộc tính
vì | Element_id | Chỉ định mối quan hệ giữa kết quả của tính toán và các yếu tố được sử dụng trong tính toán |
hình thức | form_id | Chỉ định hình thành phần tử đầu ra thuộc về |
Tên | Tên | Chỉ định tên cho phần tử đầu ra |
Thuộc tính toàn cầu
Thẻ cũng hỗ trợ các thuộc tính toàn cầu trong HTML.
Thuộc tính sự kiện
Thẻ 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ử với các giá trị mặc định sau:
đầu ra {& nbsp; & nbsp; display: inline;}
display: inline;
}
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
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 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;
Hãy tự mình thử »
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;
Hãy tự mình thử »
Hãy tự mình thử »delete all existing HTML:
Thí dụ
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Hãy tự mình thử »
My first paragraph.
Hãy tự mình thử »
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Hãy tự mình thử »
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;
Hãy tự mình thử »
My first paragraph.
Hãy tự mình thử »
window.alert[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Hãy tự mình thử »
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;
Hãy tự mình thử »
My first paragraph.
Hãy tự mình thử »
alert[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Hãy tự mình thử »
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;
Hãy tự mình thử »
console.log[5 + 6];
document.getEuityById ["demo"]. Internhtml = 5 + 6;
Hãy tự mình thử »
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;
Hãy tự mình thử »