• 94694

    文章

  • 787

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

HTML显示json字符串并且进行格式化

撸了今年阿里、腾讯和美团的面试,我有一个重要发现.......>>

通过pre标签进行格式化展示,使用JSON.stringify()方法转换。

代码如下:

 

 
  1. <html>

  2.  
  3. <head>

  4. <title>HTML显示json字符串并且进行格式化</title>

  5. </head>

  6.  
  7. <body>

  8. <p id="show_p">{ "name": "Brett", "address":"北京路23号", "email": "123456@qq.com" }</p>

  9. <pre id="out_pre"></pre>

  10.  
  11. </body>

  12. <script type="text/javascript">

  13.  
  14.   var text = document.getElementById('show_p').innerText; //获取json格式内容

  15.  
  16. var result = JSON.stringify(JSON.parse(text), null, 2);//将字符串转换成json对象

  17.  
  18. document.getElementById('out_pre').innerText= result ;

  19.   

  20.  
  21. </script>

  22.  
  23. </html>


 转载至链接:https://my.oschina.net/iioschina/blog/1929822


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

欢迎来到梁钟霖个人博客网站。本个人博客网站提供最新的站长新闻,各种互联网资讯。 还提供个人博客模板,最新最全的java教程,java面试题。在此我将尽我最大所能将此个人博客网站做的最好! 谢谢大家,愿大家一起进步!

转载原创文章请注明出处,转载至: 梁钟霖个人博客www.liangzl.com

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客