纯Javascript获取image onclick（）的alt值_Javascript_Reactjs

纯Javascript获取image onclick（）的alt值

javascript reactjs

纯Javascript获取image onclick（）的alt值,javascript,reactjs,Javascript,Reactjs,我是ReactJS新手，在使用JQuery时遇到了麻烦，因此我选择了使用纯javascript。我在这里浏览了大量的问题/答案，但它们都倾向于给出JQuery关于从“this”中获取属性的答案我有这一行，我想用它从我点击的特定图像中获取属性 altName = (this).getAttribute("alt"); 目前它什么也不做，但我正在努力修复它，而不尝试实现JQuery 标签 javascript是完全错误的，还是仅仅需要一些调整？这是我第一次在Jquery上使用纯javascrip

我是ReactJS新手，在使用JQuery时遇到了麻烦，因此我选择了使用纯javascript。我在这里浏览了大量的问题/答案，但它们都倾向于给出JQuery关于从“this”中获取属性的答案

我有这一行，我想用它从我点击的特定图像中获取属性

altName = (this).getAttribute("alt");

目前它什么也不做，但我正在努力修复它，而不尝试实现JQuery

标签

javascript是完全错误的，还是仅仅需要一些调整？这是我第一次在Jquery上使用纯javascript，所以我不能100%确定“这”实际上是如何工作的

编辑：我想删除.val（），但它不在我的源代码中

试试这个作为演示

<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body>
    <img id="image1" src="SampleImage.png" alt="Suitcase" />
</body>
    <script>
    document.getElementById('image1').addEventListener("click", function(e){
        alert(e.target.alt);
    });

    </script>
</html>


document.getElementById（'image1'）。addEventListener（“单击”，函数（e）{
警报（如target.alt）；
});

你的意思是

$（这个）

？

altName=event.target.getAttribute（“alt”）

。

val（）

方法看起来像jQuery，在标准DOM API中不存在。即使它这样做了，也是为了得到一个输入元素的

值getAttribute（）
返回您要查找的字符串。删除旧的注释，这很有效。我很感谢您的响应，但我不会尝试为每个图像添加id，因为有很多图像。我希望能够从任何图像中获取alt值，而不必编写30个侦听器。@CSafari，我想你错过了我演示的内容-只需使用alert（e.target.alt）。我知道您正在使用react，html和添加事件只是为了得到一个可以复制和粘贴的工作演示。我明白您的意思，它确实有帮助。上面的人也给了我一句有用的话，谢谢你的帮助。
gotoNthVideo: function(event){
    gender = "female";
    altName = (this).getAttribute("alt");
    //currentLocation = "assets/" + gender + "/" + altName + "/";
    alert(altName);
  },

<!DOCTYPE html>
<html>
<head>
    <title></title>

</head>
<body>
    <img id="image1" src="SampleImage.png" alt="Suitcase" />
</body>
    <script>
    document.getElementById('image1').addEventListener("click", function(e){
        alert(e.target.alt);
    });

    </script>
</html>