访问console.log中的数据属性时出错

Question

我正在尝试访问js中的数据属性。但显示错误=“未捕获类型错误”

var x=document.getElementById(this.id);
console.log(x.src);
console.log(x.data('image'));

对于x.src我正在变得完美 - “http://localhost:3000/uploads/asset/asset3/199/small_ring3.jpg”，但是当我尝试x.data（'image'）时，它会显示 - “未捕获的TypeError：undefined不是函数58：646（匿名） function）jquery.min.js：3 m.event.dispatchjquery.min.js：3 m.event.add.r.handle“

这里x是

img alt =“Small ring3”class =“img-thumbnail”data-image =“/ uploads / asset / asset3 / 199 / large_ring3.jpg”id =“2”src =“http：// localhost：3000 /uploads/asset/asset1/199/large_ring1.jpg“

请帮忙。

Answer 1

使用getAttribute()

console.log( x.getAttribute('data-image') );