JavaScript | 创建对象并通过JavaScript函数在表中显示其内容

In this example, we created an object named employee with id, name, gender, city, and salary and assigned and displaying the values in the table using JavaScript function.

在此示例中，我们创建了一个名为employee的对象，其对象为id ， name ，性别， city和薪水，并使用JavaScript函数分配并在表中显示值。

HTML & JS:

HTML和JS：

<!DOCTYPE html>
<html>
<head>
<script>            
var employee ={
id:1,
name:"pankaj",
gender:"male",
city:"delhi",
salary:34000,
show:function(){
document.write("<table border=1 >");
document.write("<tr>");
document.write("<th>Employee Id</th>");
document.write("<td>"+this.id+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Employee Name</th>");
document.write("<td>"+this.name+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Gender</th>");
document.write("<td>"+this.gender+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>City</th>");
document.write("<td>"+this.city+"</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<th>Salary</th>");
document.write("<td>"+this.salary+"</td>");
document.write("</tr>");
document.write("</table>");
}
};
</script>
</head>
<body>
<script>
document.write("<h2>Java Script Objects : Type 2</h2><hr />");
employee.show();
</script>
</body>
</html>

Output

输出量