不使用ID设置div背景颜色

时间:2015-10-29 23:05:15

标签: javascript html

可以在不使用ID的情况下使用JavaScript更改背景my div的颜色吗?怎么样?

Html代码是:

<div class="post" onmouseover="test(this)">

JS代码是:

function test(item){
    alert("Hi :-)");   
}

2 个答案:

答案 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');
}

正如人们在评论中分享的那样,如果没有唯一标识符,您将会遇到困难时期,尤其是当新元素添加到页面时。