javascript - 使用 JavaScript 切换 Src 属性

标签 javascript

我想对 <img src="..."> 进行简单的切换取决于现在src使用 JavaScript。所以如果图像 #plus_1单击后,脚本应检查字符串 'plus' 是否存在是否在 src 属性中,如果是,则 src 属性应该改变。 不确定我犯了什么错误,非常感谢您的帮助!

JavaScript:

   function ek_ak(id) {
            var ement = document.getElementById(id);
            if (ement.img.src.includes("plus") == true) {
                ement.img.src == "minusred.png";}
        }

HTML

<img src="plusred.png" id="plus_1" onclick="ek_ak('plus_1')"/>

最佳答案

一些提示:

  • ement 已经是一个 DOM 元素:它没有 img 属性,但您可以直接访问它的 src
  • 可以使用正则表达式代替String#includes
  • 您应该使用 = 作为赋值运算符,而不是 ==(松散比较)。

function ek_ak (id) {
  var ement = document.getElementById(id);
  if (/plus/.test(ement.src)) {
    ement.src = "minusred.png"
    console.log(ement.src)
  }
}
<img src="plusred.png" id="plus_1" onclick="ek_ak('plus_1')" />

关于javascript - 使用 JavaScript 切换 Src 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42573280/

相关文章:

javascript - 带有选择器的工具提示插件

javascript - 当我执行 Math.random() 函数时,为什么当 "1"是独占时它能够返回 "1"?

javascript - (react) 动态 URL,无法呈现我想要的数据

javascript - 如何使用 javascript string.replace

javascript - 从字段中删除 GUID(如果存在)

javascript - typescript :属性 'name' 在类型 'FormDataEntryValue' 上不存在

javascript - 将我的所有代码放在 d3.csv() 的参数中是否有问题?

javascript - 弹出窗口正常工作,但主页也发生了变化

javascript - 禁用 jQuery 函数

javascript - 使用 jQuery 检查值是否不为空