為什么單擊圖像時出現未定義的值？ 如何解決這個問題？

Question

當我單擊圖像以獲取圖像的值時，出現此錯誤（未定義）。 您能否解釋一下它背后的原因以及在這種情況下如何獲取並將值傳遞給 onclick function。

      <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);
      }

Answer 1

您的方法沒有問題，除了value不是圖像上的有效屬性，因此將是undefined 。 使用自定義數據屬性data-* ：

 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>