为什么单击图像时出现未定义的值？如何解决这个问题？答案

【问题标题】：Why I am getting Undefined Value when I click on image ? How to fix this?为什么单击图像时出现未定义的值？如何解决这个问题？
【发布时间】：2022-01-19 23:43:37
【问题描述】：

当我单击图像以获取图像的值时，我收到此错误（未定义）。您能否解释一下它背后的原因以及在这种情况下如何获取并将值传递给 onclick 函数。

      <div id="fi" value="0">
        <img src="first.JPG" alt="first" id="first" value="01" onclick="checkingg(this.value)"/>
      </div>

      // inside script tag
      function checking(img_val) {
        console.log(img_val);
      }

【问题讨论】：

一个<img> 没有value 属性，它有一个value 属性（从技术上讲，应该是data-value=）
如果您确实想保留名称“值”（您可能不应该这样做），请尝试使用this.getAttribute('value')?

标签： javascript jquery node.js jquery-ui

【解决方案1】：

您的方法没有问题，除了value 不是图像上的有效属性，因此将是undefined。使用自定义data attributesdata-*：

      function checking(img_val) {
        console.log(img_val);
      }

  <div id="fi" value="0">
        <img src="https://media.istockphoto.com/photos/analyzing-samples-in-test-tube-backgrounds-picture-id1290116527?b=1&k=20&m=1290116527&s=170667a&w=0&h=51bfejWaiLIK8ZeeP7u7q0b1UINUwx3dbH86HZNNuPA=" alt="first" id="first" data-value="01" onclick="checking(this.dataset.value)"/>
      </div>

【讨论】：