2017-10-19 54 views
1

我正在做一個基本的紙牌遊戲,我需要返回點擊卡的價值,但我得到一個未定義的錯誤消息。沒有價值返回img標記

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

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

我懷疑只有一張紙牌,所以我想知道他們是否都有相同的ID。將'this'參數傳遞給flipCard並* *這是被點擊的img,不需要搞亂getElementById。 – James

+0

請注意,'value'不是img標籤的支持屬性。對於自定義屬性使用「數據值」。 – d3L

+0

@詹姆斯正確的有更多的卡,但我只是想讓一個人工作,並返回我正在尋找的結果。我會嘗試d3L。謝謝 – Drumbo1969

回答

6

img標籤不具有value默認屬性。你可以試試getAttribute函數。

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

謝謝。我會嘗試。 – Drumbo1969

+0

OMG它的作品!謝謝你太多了。我昨晚研究並嘗試了100個不同的選項2個小時。最簡單的解決方案驅使我堅果。 – Drumbo1969

+0

現在確定我已經添加到其他卡,唯一返回的值是來自列表中的第一張卡片。在位置0.我添加了一個「值=」「來清空函數內的變量,然後它獲得屬性 – Drumbo1969