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;
console.log[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 »
const arr = ["John", "Peter", "Sally", "Jane"];
Hãy để myString = json.Stringify [mảng]; document.getEuityById ["demo"]. innerHtml = myString;[object Object].
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
Hãy tự mình thử »
Thí dụ
- const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}}; person.age = person.age.toString [];
- Chuỗi mảng
- Cũng có thể xâu chuỗi các mảng JavaScript:
- const arr = ["John", "Peter", "Sally", "Jane"];
Hãy để myString = json.Stringify [mảng]; document.getEuityById ["demo"]. innerHtml = myString;
Kết quả sẽ là một chuỗi theo ký hiệu JSON:
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
person.name + "," + person.age + "," + person.city;
Hãy tự mình thử »
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}}; person.age = person.age.toString [];
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
for [let x in person] {
txt += person[x] + " ";
};
Thí dụ
Hãy tự mình thử »
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}}; person.age = person.age.toString [];person[x] in the loop.
Chuỗi mảng will not work [Because x is a variable].
Cũng có thể xâu chuỗi các mảng JavaScript:
const arr = ["John", "Peter", "Sally", "Jane"];
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
Thí dụ
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
document.getElementById["demo"].innerHTML = myArray;
Hãy tự mình thử »
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}}; person.age = person.age.toString []; | Chuỗi mảng | Cũng có thể xâu chuỗi các mảng JavaScript: | const arr = ["John", "Peter", "Sally", "Jane"]; | Hãy để myString = json.Stringify [mảng]; document.getEuityById ["demo"]. innerHtml = myString; |
Kết quả sẽ là một chuỗi theo ký hiệu JSON:
Làm thế nào để bạn hiển thị một chức năng trong JavaScript?
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: 30,
city: "New York"
};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
Thí dụ
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age:
30,
city: "New York"
};
Hãy để myString = json.Stringify [người]; document.getEuityById ["demo"]. innerHtml = myString;
document.getElementById["demo"].innerHTML = myString;
Hãy tự mình thử »
Chuỗi chức năng
document.write[]
8 sẽ không chuỗi các chức năng:
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
Thí dụ
Thí dụ
name: "John",
today: new Date[]
};
Hãy để myString = json.Stringify [người]; document.getEuityById ["demo"]. innerHtml = myString;
document.getElementById["demo"].innerHTML = myString;
Hãy tự mình thử »
Chuỗi chức năng
document.write[]
8 sẽ không chuỗi các chức năng:
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
name: "John",
age: function [] {return 30;}
};
Hãy để myString = json.Stringify [người]; document.getEuityById ["demo"]. innerHtml = myString;
document.getElementById["demo"].innerHTML = myString;
Hãy tự mình thử »
Chuỗi chức năng
document.write[]
8 sẽ không chuỗi các chức năng:
Thí dụ
name: "John",
age: function [] {return 30;}
};
person.age = person.age.toString[];
Hãy để myString = json.Stringify [người]; document.getEuityById ["demo"]. innerHtml = myString;
document.getElementById["demo"].innerHTML = myString;
Hãy tự mình thử »
Chuỗi chức năng
document.write[]
8 sẽ không chuỗi các chức năng:
Thí dụ
const person = {& nbsp; Tên: "John", & nbsp; tuổi: function [] {return 30;}};
Điều này có thể được "cố định" nếu bạn chuyển đổi các chức năng thành các chuỗi trước khi xâu chuỗi.
document.getElementById["demo"].innerHTML = myString;
Hãy tự mình thử »
Chuỗi chức năng
["John","Peter","Sally","Jane"]