我想放一个JS函数，它适用于列表的所有元素，但我可以't将其复制到每个元素中

I want to put a JS function that applies to all the elements of a list but I can't copy it into each element

本文关键字：元素 我可以 复制 一个 JS 列表 适用于 函数      更新时间：2024-04-07

我有一个充满HTML元素的列表，当鼠标使用"onmouseover"javascript函数悬停在元素上时，我希望列表中的每个元素都能改变颜色。我想知道是否有一种方法可以使函数在不复制和粘贴到列表的每个元素的情况下更改每个元素。

很抱歉我的英语不好，谢谢你的回答。

是的，使用CSS悬停是另一种方式。您可以编写自己的javascript来这样做。

`<script type="text/javascript">
function test(id){
  var elm = document.getElementById(id);  
  var i=0;
  while(elm.children[i]!=null){
  elm.children[i].onclick=function(){
    this.style.backgroundColor="red";
    // do what you want to do to element here
  };
   i++; 
  }
}
</script>
<ul id ='testId' onclick="test(this.id)" >
<li> text1 </li>
<li> text1 </li>
<li> text1 </li>
</ul> `
相关文章：