JSP页面中的按钮是遍历数据库用for循环动态生成的,按钮的id是变量,如何在JavaScript中获取到按钮的id值,使得每点击一个按钮,其css属性改变。
类似知乎的问题,点击关注按钮后,按钮变为已关注。
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);
<input id="btn" type="button" title="Js" />
<script>
var btn = document.getElementById("btn");
btn.setAttribute("title","JavaScript");
</script>
<button onclick='handleClick()'>关注</button>
function handleClick(ev) {
ev.target.innerHTML = '已关注'
}