                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

怎么获得本元素的对象

比如：我点击了一个button触发事件，我并没有对这些标签的设置ID之类的，不通过查找来获取，怎么获得触发事件的button的对象。

飞到死的鸟

2016-04-28

源自：JavaScript进阶篇 9-14

关注问题我要回答

896

操作

收起

2 回答

黛昂瑁回答被采纳 +3 积分
2016-04-28

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script type="text/javascript">
      function getOwner(obj){
         console.log(obj);
      }
   </script>
</head>
<body>
   <button onclick="getOwner(this)">click</button>
</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

飞到死的鸟提问者

非常感谢！

2016-04-28 回复有任何疑惑可以回复我~

kuban
2016-04-28

你的问题我有点不大理解

首先，没设置id也没设置class，还可以通过标签、子元素父元素兄弟等关系进行查找获取

然后，你触发onclick，只想找到触发的那个button可以使用this，找其他元素就必须用查找来确定了

也许你需要一个例子？非常简单的小例子，没有用查找，直接用this获取

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>nextSibling</title>
</head>
<body>
<script type="text/javascript">
function changecolor(obj){
obj.style.color="red";
}
</script>
<input type="button" onclick="changecolor(this)" value="我要变色"/>
</body>
</html>