您的位置：首页 > Web前端 > JavaScript

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

2020-08-03 08:36 791 查看

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>

[/code]

Output

输出量

翻译自: https://www.includehelp.com/code-snippets/create-an-object-and-display-its-content-in-a-table-through-javascript-function.aspx

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航