使用for in方法将对象中的值赋值给html
在之前看到了阮一峰的JS面向对象编程:封装
我就想到了使用这个方法将对象中的值赋值给HTML的文本。
所以一下是我实践的方法:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p class="name"></p> <p class="color"></p> <script src="jquery-1.10.2.js"></script> <script> function catFun(name,color) { this.name=name; this.color=color; } var cat1 = new catFun("张三","黄色"); console.log(cat1); for(var prop in cat1) { $("."+prop+"").html(cat1[prop]); } </script> </body> </html>
实践后的结果: