JavaScript | Crear un objeto y mostrar su contenido en una mesa a través de la función JavaScript

ejemplo

objeto JavaScript : Aquí, vamos a aprender cómo crear un objeto y mostrar su valor en la tabla utilizando la función de JavaScript?

En este ejemplo, creamos un objeto denominado empleado con Identificación , nombre , género , ciudad y salario y asignado y la visualización de los valores de la tabla utilizando la función JavaScript .

HTML y 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>

salida

JavaScript | Create an object and display its content in a table through JavaScript function - 4


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *