Hướng dẫn how to create employee table in javascript - cách tạo bảng nhân viên trong javascript

Trang chủ »Ví dụ về JavaScript

Nội dung chính Show

Làm thế nào để bạn tạo một bảng trong JavaScript?
Làm cách nào để tạo bảng Node JS trong HTML?
Làm cách nào để tạo một bảng động trong HTML?

Ví dụ đối tượng JavaScript: Ở đây, chúng ta sẽ học cách tạo một đối tượng và hiển thị giá trị của nó trong bảng bằng hàm JavaScript? Gửi bởi Pankaj Singh, vào ngày 28 tháng 6 năm 2019: Here, we are going to learn how to create an object and display its value in the table using JavaScript function?
Submitted by Pankaj Singh, on June 28, 2019

Trong ví dụ này, chúng tôi đã tạo một đối tượng có tên Nhân viên có ID, tên, giới tính, thành phố và tiền lương và được gán và hiển thị các giá trị trong bảng bằng hàm JavaScript.employee with id, name, gender, city, and salary and assigned and displaying the values in the table using JavaScript function.

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>

Đầu ra

Ví dụ về JavaScript »

Làm thế nào để bạn tạo một bảng trong JavaScript?

function Generatetablehead (bảng, dữ liệu) {let thead = bảng.createThead ();Đặt hàng = thead.Chèn hàng();for (Đặt khóa của dữ liệu) {hãy để th = document.createdeLement ("th");Đặt văn bản = tài liệu.