PHP JavaScript回声不起作用

Question

这是我的PHP / JS代码：

echo "<script>
function transformCard() {
document.getElementById('cardImage').src = " . $row['transformedimageurl'] . "
document.getElementById('transformbtn').onClick = deformCard();
}
function deformCard() {
document.getElementById('cardImage').src = " . $row['imageurl'] . "
document.getElementById('transformbtn').onClick = transformCard()
}
</script>";

我的HTML：

<button id="transformbtn" onClick="transformCard()"></button>
<img id='cardImage' src="image.jpg" />

按钮点击不会更改图像的src。

我的代码出了什么问题？

Answer 1

将src放在引号中：

echo "<script>
    function transformCard() {
    document.getElementById('cardImage').src = '" . $row['transformedimageurl'] . "';
    document.getElementById('transformbtn').onClick = deformCard();
}
function deformCard() {
    document.getElementById('cardImage').src = '" . $row['imageurl'] . "';
    document.getElementById('transformbtn').onClick = transformCard()
}
</script>";

您可能还想删除()处理程序上的onClick：

document.getElementById('transformbtn').onClick = deformCard;
document.getElementById('transformbtn').onClick = transformCard;