JS 如何获取当前DOM元素信息？

Question

<input id="c-nums" class="form-control" onblur="abc()" name="row[nums]" type="number"...>

当表单失去焦点后触发abc函数，怎么才能在abc函数中获取到这个input的id和name?

Answer 1

onblur="abc(event)"

function abc(event){
    console.log(event.target.getAttribute('id'), event.target.getAttribute('name'))
    console.log(event.target.id, event.target.name)
}

Answer 2

传 this 进到 function 两种方法
onblur="abc.call(this)"

 function abc(){
console.log(this.id, this.name)
}

---

onblur="abc(this)"

function abc(that){
console.log(that.id, that.name)
}