不使用ID设置div背景颜色

Question

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

Html代码是：

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

JS代码是：

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

Answer 1

你试过吗

function test(item){
  item.style.backgroundColor = "red";  
}

由于item是您触发此事件的实际div，因此您不需要ID来设置元素的样式。

一个非常简单的（内联）解决方案将是下面的解决方案。

<div class="post" onmouseover="javascript:style.backgroundColor = 'red';">
    Content blabla
</div>

我个人宁愿在JS文件中完成所有这些操作，但是它也适用。

Answer 2

您可以使用JavaScript循环访问DOM，但如果您使用的是JQuery，那么您将有更好的时间。你会花一些时间来学习选择器：

• http://api.jquery.com/category/selectors/
• http://www.w3schools.com/jquery/jquery_ref_selectors.asp。

你会找到类似的东西：

function test(){
   var element = $('div');
}

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