可以在不使用ID的情况下使用JavaScript更改背景my div
的颜色吗?怎么样?
Html代码是:
<div class="post" onmouseover="test(this)">
JS代码是:
function test(item){
alert("Hi :-)");
}
答案 0 :(得分:4)
你试过吗
function test(item){
item.style.backgroundColor = "red";
}
由于item
是您触发此事件的实际div,因此您不需要ID
来设置元素的样式。
一个非常简单的(内联)解决方案将是下面的解决方案。
<div class="post" onmouseover="javascript:style.backgroundColor = 'red';">
Content blabla
</div>
我个人宁愿在JS文件中完成所有这些操作,但是它也适用。
答案 1 :(得分:1)
您可以使用JavaScript循环访问DOM,但如果您使用的是JQuery,那么您将有更好的时间。你会花一些时间来学习选择器:
你会找到类似的东西:
function test(){
var element = $('div');
}
正如人们在评论中分享的那样,如果没有唯一标识符,您将会遇到困难时期,尤其是当新元素添加到页面时。