Javascript 获取当前click元素的id，并获取子id

是否有一种方法可以获取当前click元素的id及其子id？就像在jquery中一样，我可以

$("a").click(function(){
    var this_id = $(this).attr("id");
    var child_id = $(this).find("div").attr("id");
});

<a href="#" id="this_parent_id">
    <div id="this_child_id"></div>
</a>

$（“a”）。单击（函数（）{
var this_id=$（this.attr（“id”）；
var child_id=$（this.find（“div”）.attr（“id”）；
});

有什么想法和线索吗？

尝试使用$event

$scope.myClickFunction = function(obj, $event){
    console.log($event.target);
}

---

“ngClick和ngFocus等指令公开该表达式范围内的$event对象。当存在jQuery时，该对象是jQuery事件对象的实例，或者是类似的jqLite对象。”

尝试将ng click属性添加到锚点并传递

$event

。ng click将调用getIDs函数并打印父ID和子ID

<a href="#" id="this_parent_id" ng-click="getIDs($event)">
    <div id="this_child_id"></div>
</a>

$scope.getIDs = function(ev) {
    console.log(ev.target.id); // Gets clicked element ID
    console.log(ev.target.firstElementChild.id) // Gets child ID
}

$scope.getIDs=函数（ev）{
console.log（ev.target.id）；//获取单击的元素id
console.log（ev.target.firstElementChild.id）//获取子id
}

遗憾的是，在运行代码后，我遇到了这样一个错误：“TypeError:无法读取null的属性'id'。有什么想法吗？