怎么获取到text中的文本，或者title中的值

Question

用Document解析html，我现在要怎样获取到 ”防触电插座保护盖“ 这个数据<div class="fb_fx">                <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" style="display:none" data="{'comment':'','desc':'防触电插座保护盖 ','text':'防触电插座保护盖 ','title':'防触电插座保护盖 ','url':'http://www.tsdxb.comhttp://item.taobao.com/item.htm?id=521916721437','pic':'http://www.tsdxb.com/otherimg/imgju/2016/0103/7-521916721437.jpg'}">                <a class="bds_tsina" title="分享到新浪微博" href="#"></a>                <a href="#" class="bds_qzone qqkj" title="分享到QQ空间"></a>                <a class="bds_tqq" title="分享到腾讯微博" href="#"></a>                <a href="#" class="bds_mshare mshare" title="一键分享"></a>                </div>            </div>

Answer 1

eval("var a="+window.document.getElementById('bdshare').getAttribute('data'))

console.log(a.title)

Answer 2

var el = document.getElementById('bdshare')

var data = JSON.parse(el.getAttribute('data'))

//title

alert(data.title)

//text

alert(data.text)

Answer 3

比较同意用json parse的方法。

Answer 4

有三种方法来实现：
var data = window.document.getElementById('bdshare').getAttribute('data');

1. var json = JSON.parse(data);

2. eval('(' + data + ')');

3. var a = new Function("return " + data); a();