In this example, we created an object named employee with id, name, gender, city, and salary and assigned the values and we are displaying these values in a table.
在此示例中,我们创建了一个名为employee的对象,其对象为id , name , gender , city和薪水 ,并为其分配了值,并将这些值显示在表中。
HTML & JS:
HTML和JS:
<!DOCTYPE html>
<html>
<head>
<script>
var employee ={
id:1,
name:"pankaj",
gender:"male",
city:"delhi",
salary:34000,
};
</script>
</head>
<body>
<script>
document.write("<h2>Java Script Objects : Type 1</h2><hr />");
document.write("<table border=1 >");
document.write("<tr>");
document.write("<th>Employee Id</th>");
document.write("<td>"+employee.id+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Employee Name</th>");
document.write("<td>"+employee.name+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Gender</th>");
document.write("<td>"+employee.gender+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>City</th>");
document.write("<td>"+employee.city+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Salary</th>");
document.write("<td>"+employee.salary+"</td>");
document.write("</tr>");
document.write("</table>");
</script>
</body>
</html>
Output
输出量
翻译自: https://www.includehelp.com/code-snippets/create-an-object-and-display-its-values-in-a-table.aspx