javascript [object,Object]
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript [object,Object]相关的知识，希望对你有一定的参考价值。
今天给html标签的属性赋值为对象时，发现取出来的值为 [object,Object]，感觉有点奇怪。
代码如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>[object Object]</title> 6 <script type="text/javascript" src="../../trd/jquery/jquery-1.9.1.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 var student = {name:"小明",gender:"男"}; 10 $("#txt").attr("rowData",student);//给id为txt的标签添加rowData属性，值为student对象 11 12 console.log($("#txt").attr("rowData"));//控制台输出为：[object Object] 13 alert($("#txt").attr("rowData"));//弹出框中信息为：[object Object] 14 }); 15 </script> 16 </head> 17 <body> 18 <input type="text" name="txt" id="txt"/> 19 </body> 20 </html>
那怎样可以取到对象的值呢？我的做法是赋值的时候，先用JSON.stringify方法将student对象转换为json字符串。
代码如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>[object Object]</title> 6 <script type="text/javascript" src="../../trd/jquery/jquery-1.9.1.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 var student = {name:"小明",gender:"男"}; 10 $("#txt").attr("rowData",JSON.stringify(student));//给id为txt的标签添加rowData属性，值为student对象 11 12 console.log($("#txt").attr("rowData"));//控制台输出为：{"name":"小明","gender":"男"} 13 alert($("#txt").attr("rowData"));//弹出框中信息为：{"name":"小明","gender":"男"} 14 }); 15 </script> 16 </head> 17 <body> 18 <input type="text" name="txt" id="txt"/> 19 </body> 20 </html>
但是我还有一个疑问就是：为什么alert(object)输出值为 [object,Object]，如果看到这篇文章的博友知道答案，还望不吝赐教。
以上是关于javascript [object,Object]的主要内容，如果未能解决你的问题，请参考以下文章
object.constructor (Object) – JavaScript 中文开发手册
javascript object重复属性#js #object