Javascript-通用函数的多种用途

这里有一个例子，我想在单击时更改

div

的颜色。我是否必须有两个不同的功能，每个

div

？如果我想要应用于

div

的函数非常复杂，该怎么办？如果我有成百上千的

div

？我是否可以制作一个通用函数，用于每个

div

？我这样说并不是指例如

document.getElementsByClassName（“…”）

，我想单独更改文档的颜色

明确地说，如何将相同的功能应用于不同的对象？类似于单击（“…”）的

document.getelement

谢谢

函数changeColor1（）{
document.getElementById（“div1”）.style.backgroundColor=“#21a9c9”；
}
函数changeColor2（）{
document.getElementById（“div2”）.style.backgroundColor=“#21a9c9”；
}

---

您可以创建一个函数，该函数接受要更改颜色的元素，并使该函数更改该元素的背景色

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}

---

您可以创建一个函数，该函数接受要更改颜色的元素，并使该函数更改该元素的背景色

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}

---

您可以创建一个函数，该函数接受要更改颜色的元素，并使该函数更改该元素的背景色

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}

---

您可以创建一个函数，该函数接受要更改颜色的元素，并使该函数更改该元素的背景色

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}

复制自，但：

• 避免使用内联HTML属性设置处理程序，而有利于从JavaScript本身悄悄地设置处理程序。看
• 避免从HTML属性设置CSS属性。看

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}
var divs=document.querySelectorAll（'div'）；
对于（变量i=0；i

#div1，#div2{
显示：内联块；
宽度：200px；
高度：200px；
背景色：#000000；
}

复制自，但：

• 避免使用内联HTML属性设置处理程序，而有利于从JavaScript本身悄悄地设置处理程序。看
• 避免从HTML属性设置CSS属性。看

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}
var divs=document.querySelectorAll（'div'）；
对于（变量i=0；i

#div1，#div2{
显示：内联块；
宽度：200px；
高度：200px；
背景色：#000000；
}

复制自，但：

• 避免使用内联HTML属性设置处理程序，而有利于从JavaScript本身悄悄地设置处理程序。看
• 避免从HTML属性设置CSS属性。看

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}
var divs=document.querySelectorAll（'div'）；
对于（变量i=0；i

#div1，#div2{
显示：内联块；
宽度：200px；
高度：200px；
背景色：#000000；
}

复制自，但：

• 避免使用内联HTML属性设置处理程序，而有利于从JavaScript本身悄悄地设置处理程序。看
• 避免从HTML属性设置CSS属性。看

函数更改颜色（elem）{
elem.style.backgroundColor=“#21a9c9”
}
var divs=document.querySelectorAll（'div'）；
对于（变量i=0；i

#div1，#div2{
显示：内联块；
宽度：200px；
高度：200px；
背景色：#000000；
}

不清楚你在问什么。你能再说一遍这个问题吗？@RobertMoskal很抱歉不清楚，现在好多了：）不清楚你在问什么。你能再说一遍这个问题吗？@RobertMoskal很抱歉不清楚，现在好多了：）不清楚你在问什么。你能再说一遍这个问题吗？@RobertMoskal很抱歉不清楚，现在好多了：）不清楚你在问什么。你能再说一遍这个问题吗？@RobertMoskal很抱歉不清楚，现在好多了：）我只是在输入完全相同的东西；）好的，那么我在

onClick

中使用

函数（this）

，在函数声明中使用

elem

？谢谢。请不要建议HTML属性handlers@JakeTheSnake，是的，当执行内联函数调用（在html标记的onclick属性中调用javascript函数）时，可以将“this”关键字作为参数传递，以便能够访问发生事件的元素。然后，在函数内部，您将可以访问该元素，并可以修改它或使用itI执行任何您想要的操作。我只是键入了完全相同的内容；）好的，那么我在

onClick

中使用

函数（this）

，在函数声明中使用

elem

？谢谢。请不要建议HTML属性handlers@JakeTheSnake，是的，当执行内联函数调用（在html标记的onclick属性中调用javascript函数）时，可以将“this”关键字作为参数传递，以便能够访问