首页 > 按钮的id为变量,如何在JavaScript中更改按钮的属性

按钮的id为变量,如何在JavaScript中更改按钮的属性

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 = '已关注'
}
【热门文章】
【热门文章】