前端 - 按钮的id为变量，如何在JavaScript中更改按钮的属性

Question

JSP页面中的按钮是遍历数据库用for循环动态生成的，按钮的id是变量，如何在JavaScript中获取到按钮的id值，使得每点击一个按钮，其css属性改变。
类似知乎的问题，点击关注按钮后，按钮变为已关注。

Answer 1

<button onclick='handleClick()'>关注</button>

function handleClick(ev) {
    ev.target.innerHTML = '已关注'
}

Answer 2

1.使用jQuery的事件代理机制
$('body').on('click','button',function(){

$(this).css(.....);

});
2.使用原生的事件监听机制
document.body.addEventListener("click",function(event){

var target=event.target;
if(target.nodeName.toLowerCase()==‘button’){
    target.style='....';
}

},false);

Answer 3

<input id="btn" type="button" title="Js" />

<script>
var btn = document.getElementById("btn");
btn.setAttribute("title","JavaScript");
</script>