Question

我是ReactJS的新手，并且使用JQuery遇到了麻烦，因此我选择了使用纯javascript的路线。我在这里看了很多问题/答案，但是他们都倾向于提供关于从“this”获取属性的JQuery答案。

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

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

目前它什么也没做，但是我在努力修复它而不试图实现JQuery。

标签

<img className = "video img-responsive" src = "assets/back.png" alt = "monday-1" onClick={this.gotoNthVideo}/>

ReactJS功能

gotoNthVideo: function(event){
    gender = "female";
    altName = (this).getAttribute("alt");
    //currentLocation = "assets/" + gender + "/" + altName + "/";
    alert(altName);
  },

javascript是完全错误的，还是只需要一些调整？这是我第一次使用纯javascript而不是Jquery，所以我不是百分之百确定“这个”实际上是如何工作的。

编辑：我打算删除.val（），它不在我的源代码中。

Answer 1

试试这个演示

<!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>

纯Javascript获取图像的alt值onclick（）

1 个答案: