首页 > DOM对象包含的一个对象怎么取出来?

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

形如

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

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


结论:是无法取到一个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


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

【热门文章】
【热门文章】