没有价值返回img标记

javascript

2017-10-19 53 views 1 likes

我正在做一个基本的纸牌游戏，我需要返回点击卡的价值，但我得到一个未定义的错误消息。没有价值返回img标记

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

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

来源

2017-10-19 Drumbo1969

我怀疑只有一张纸牌，所以我想知道他们是否都有相同的ID。将'this'参数传递给flipCard并* *这是被点击的img，不需要搞乱getElementById。 – James

请注意，'value'不是img标签的支持属性。对于自定义属性使用“数据值”。 – d3L

@詹姆斯正确的有更多的卡，但我只是想让一个人工作，并返回我正在寻找的结果。我会尝试d3L。谢谢 – Drumbo1969

回答

img标签不具有value默认属性。你可以试试getAttribute函数。

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

来源

2017-10-19 03:43:51

谢谢。我会尝试。 – Drumbo1969

OMG它的作品！谢谢你太多了。我昨晚研究并尝试了100个不同的选项2个小时。最简单的解决方案驱使我坚果。 – Drumbo1969

现在确定我已经添加到其他卡，唯一返回的值是来自列表中的第一张卡片。在位置0.我添加了一个“值=”“来清空函数内的变量，然后它获得属性 – Drumbo1969

没有价值返回img标记

回答

相关问题