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

最新推荐文章于 2022-07-07 19:27:20 发布

cumtb2002

最新推荐文章于 2022-07-07 19:27:20 发布

阅读量186

点赞数

文章标签： javascript html5 python jquery canvas ViewUI

原文链接：https://www.includehelp.com/code-snippets/create-an-object-and-display-its-content-in-a-table-through-javascript-function.aspx

版权

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

输出量

JavaScript | Create an object and display its values in a table

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

cumtb2002

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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的对象，...
复制链接

扫一扫