img标签上没有返回任何值

Question

我正在制作一个基本的纸牌游戏,我需要返回点击卡的值,但我收到一个未定义的错误消息.

function flipCard(){
    var g = document.getElementById("playingCard").value;
    alert(g);
}

<body>
    <img src="card.png" id="playingCard" value="20" onclick="flipCard()"/>
</body>

Answer 1

imgtag没有默认属性value.你可以试试getAttribute功能.

function flipCard(){
    var g = document.getElementById("playingCard").getAttribute('value');
    alert(g);
}