DOM对象包含的一个对象怎么取出来？

Question

形如

    <li>Pretty row 1
    <div class="obj_data">[object Object]   </div> 
    </li>
    
    
    想要取出obj，但是无法得到？

Answer 1

这样的话你就取不出来了，你后端用的什么语言，要先格式化输出，不要直接输出对象

Answer 2

先JSON.stringify(obj)输出到dom结构里面去，再拿出来JSON.parse(obj)格式化成对象

Answer 3

结论：是无法取到一个JS Object的。

这个根DOM tree相关：

HTML的元素（Element）中要么嵌套着其他元素，要么是文本节点（Text Node）。
假如在JS中将一个对象直接放在元素标签内，对象是会使用Object.toString隐式转换为[object Object]。

测试样例，请在浏览器console中测试：

var a = {
  test: 'test',
}
document.write('<h1>' + a + '</h1>'); 

Object.prototype.toString = function(){
  return 'hello world';
}
document.write('<h1>' + a + '</h1>');

参考资料：

1. http://www.w3school.com.cn/htmldom/index.asp