基本Javascript-鼠标单击以更改图片和标题 客观的

两类图像（即狗和猫），图像和图像标题。我想点击该图像，并将其更改为第二个类别的图片，如果再次点击，它将更改为另一个类别。因此，我需要在两个类别中的一个类别中定义图像，然后在单击时替换它们

---

HTML

---

现在，它似乎是改变了猫的信息好，但我不知道如何使它回到狗。在HTML和Javascript中为狗添加标题似乎是多余的。有没有更简单的方法来完成这一切？谢谢

您的代码中有一个小错误

而不是

if (document.getElementById("imgClickAndChange").src = "img/dogImg.jpg")

做

---

您的代码中有一个小错误

而不是

if (document.getElementById("imgClickAndChange").src = "img/dogImg.jpg")

做

---

您的代码中有一个小错误

而不是

if (document.getElementById("imgClickAndChange").src = "img/dogImg.jpg")

做

---

您的代码中有一个小错误

而不是

if (document.getElementById("imgClickAndChange").src = "img/dogImg.jpg")

做

---

使用

.src

可以获得图像的绝对路径。改用

getAttribute

请尝试以下代码：

if (document.getElementById("imgClickAndChange").getAttribute("src") === "img/dogImg.jpg") {
    document.getElementById("imgClickAndChange").setAttribute("src", "img/dogImg.jpg")
    ...

---

使用

.src

可以获得图像的绝对路径。改用

getAttribute

请尝试以下代码：

if (document.getElementById("imgClickAndChange").getAttribute("src") === "img/dogImg.jpg") {
    document.getElementById("imgClickAndChange").setAttribute("src", "img/dogImg.jpg")
    ...

---

使用

.src

可以获得图像的绝对路径。改用

getAttribute

请尝试以下代码：

if (document.getElementById("imgClickAndChange").getAttribute("src") === "img/dogImg.jpg") {
    document.getElementById("imgClickAndChange").setAttribute("src", "img/dogImg.jpg")
    ...

---

使用

.src

可以获得图像的绝对路径。改用

getAttribute

请尝试以下代码：

if (document.getElementById("imgClickAndChange").getAttribute("src") === "img/dogImg.jpg") {
    document.getElementById("imgClickAndChange").setAttribute("src", "img/dogImg.jpg")
    ...

---

console.log（document.getElementById（“imgClickAndChange”）.src）

；这是您所期望的吗？您的比较规则不正确，您需要doble等于：

if（document.getElementById（“imgClickAndChange”）.src==“img/dogImg.jpg”）

您在if语句中分配src，而不是比较它们。。使用double equals？`

console.log（document.getElementById（“imgClickAndChange”）.src）

；这是您所期望的吗？您的比较规则不正确，您需要doble等于：

if（document.getElementById（“imgClickAndChange”）.src==“img/dogImg.jpg”）

您在if语句中分配src，而不是比较它们。。使用double equals？`

console.log（document.getElementById（“imgClickAndChange”）.src）

；这是您所期望的吗？您的比较规则不正确，您需要doble等于：

if（document.getElementById（“imgClickAndChange”）.src==“img/dogImg.jpg”）

您在if语句中分配src，而不是比较它们。。使用double equals？`

console.log（document.getElementById（“imgClickAndChange”）.src）

；这是您所期望的吗？您的比较规则不正确，您需要doble等于：

if（document.getElementById（“imgClickAndChange”）.src==“img/dogImg.jpg”）

您在if语句中分配src，而不是比较它们。。使用double equals？`不管我是否将if语句更改为have==或===，当我单击时，没有任何更改（图片或标题除外）。我需要一个else if语句吗？试试

if（document.getElementById（“imgClickAndChange”）.src.slice（-10）==“dogImg.jpg”）

或者使用

if（document.getElementById（“imgClickAndChange”）.getAttribute（“src”）==“img/dogImg.jpg”）

像@Zub所说的那样，不管我是否将if语句更改为have==或==，当我单击时，什么都没有（不是图片或标题）更改。是否需要else if语句？请尝试

if（document.getElementById（“imgClickAndChange”）.src.slice（-10）==“dogImg.jpg”）

或使用

if（document.getElementById（“imgClickAndChange”）.getAttribute（“src”）==“img/dogImg.jpg”）

like@Zub saidde无论我是否将if语句更改为have==或===，当我单击时，没有任何变化（不是图片或标题）。我需要其他if语句吗？尝试

if（document.getElementById（“imgClickAndChange”）.src.slice（-10）==“dogImg.jpg”）

或使用

if（document.getElementById（“imgClickAndChange”）.getAttribute(“src”）==“img/dogImg.jpg”）

就像@Zub说的那样，不管我是否将if语句更改为have==或===，当我单击时，没有任何变化（不是图片或标题）。我是否需要其他if语句？请尝试

if（document.getElementById（“imgClickAndChange”）.src.slice（-10）==“dogImg.jpg”）

或使用

if（document.getElementById（”imgClickAndChange”）.getAttribute（“src”）=“img/dogImg.jpg”）

如@Zub所说