为什么我不能通过使用onlick从img获取img值？

Question

快问为什么我不能通过使用onclick从img获取img值？

或者更好的是，我可以使用data-internalid存储一些值并通过点击获取吗？

HTML

<div class="content_create"><img name="name" class='Dicon' id='Loader_images' src="src+" value="Code" onclick='getCode(this.value);'><p>typename</p></div>

JS

function getCode(_CODE){
    alert(_CODE);
    //getting null on here
}

Demo

Answer 1

更改

getCode(this.value);

到

getCode(this.attributes.value.value);

Answer 2

除input元素外，HTML元素不允许使用该值。但是，确实有效，并且根据建议，您可以使用getCode(this.attributes.value.value);或getCode(this.attributes.value.textContent);。

但我建议您将value属性更改为data-value="Code"以使您的HTML有效，然后使用getCode(this.dataset.value)。