Javascript 如何使用；这"；作为函数的参数？

我有以下javascript代码：

function changeIn(ele,clr){
  var elem = document.getElementById(ele);
  elem.style.transition = "background  1.0s linear 0s";
  elem.style.background=clr;
}
function changeOut(ele){
 var elem=document.getElementById(ele);
 elem.style.transition = "background  1.0s linear 0s";
 elem.style.background="#9DCEFF";
}

然后我调用HTML上的函数

<div id="boxOne" onmouseover="changeIn(this,'#F0F')"  onmouseout="changeOut(this)">Some content</div>

一些内容

---

但是不要工作。如何使用此参数将函数应用于boxOne？谢谢。

您不需要在方法中再次查找元素。只需使用您的参数

function changeIn(ele,clr){
  ele.style.transition = "background  1.0s linear 0s";
  ele.style.background=clr;
}

导致问题的行是

var elem = document.getElementById(ele);

这里

ele

是一个DOM元素，而不是元素的Id。因此，上面表达式的结果变量，即

elem

变为

未定义的
。因此，您可以直接在函数中使用DOM元素

不需要在方法中再次查找元素。只需使用您的参数

function changeIn(ele,clr){
  ele.style.transition = "background  1.0s linear 0s";
  ele.style.background=clr;
}

导致问题的行是

var elem = document.getElementById(ele);

这里
ele
是一个DOM元素，而不是元素的Id。因此，上面表达式的结果变量，即
elem
变为
未定义的
。因此，您可以直接在函数中使用DOM元素

不需要在方法中再次查找元素。只需使用您的参数

function changeIn(ele,clr){
  ele.style.transition = "background  1.0s linear 0s";
  ele.style.background=clr;
}

导致问题的行是

var elem = document.getElementById(ele);

这里
ele
是一个DOM元素，而不是元素的Id。因此，上面表达式的结果变量，即
elem
变为
未定义的
。因此，您可以直接在函数中使用DOM元素

不需要在方法中再次查找元素。只需使用您的参数

function changeIn(ele,clr){
  ele.style.transition = "background  1.0s linear 0s";
  ele.style.background=clr;
}

导致问题的行是

var elem = document.getElementById(ele);

这里
ele
是一个DOM元素，而不是元素的Id。因此，上面表达式的结果变量，即
elem
变为
未定义的
。因此，您可以直接在函数中使用DOM元素


试试这个：

在您的div
onmouseover=“changeIn（this，'.#F0F'）”
this
==
ele
您的
changeIn（ele，clr）
函数中

所以您不需要查找元素

var elem = document.getElementById(ele);

因为
这个
已经是DOM元素。希望这对你有帮助

试试这个：

在您的div
onmouseover=“changeIn（this，'.#F0F'）”
this
==
ele
您的
changeIn（ele，clr）
函数中

所以您不需要查找元素

var elem = document.getElementById(ele);

因为
这个
已经是DOM元素。希望这对你有帮助

试试这个：

在您的div
onmouseover=“changeIn（this，'.#F0F'）”
this
==
ele
您的
changeIn（ele，clr）
函数中

所以您不需要查找元素

var elem = document.getElementById(ele);

因为
这个
已经是DOM元素。希望这对你有帮助

试试这个：

在您的div
onmouseover=“changeIn（this，'.#F0F'）”
this
==
ele
您的
changeIn（ele，clr）
函数中

所以您不需要查找元素

var elem = document.getElementById(ele);

因为
这个
已经是DOM元素。希望这对你有帮助
 
此
将传递DOM对象本身，而不是其ID。您不需要
getElementById（）
请求，因为
ele
参数已引用DOM元素。只需按如下方式更新两个函数：

function changeIn( ele, clr )
{
    ele.style.transition = "background  1.0s linear 0s";
    ele.style.background=clr;
}

function changeOut( ele )
{
   ele.style.transition = "background  1.0s linear 0s";
   ele.style.background="#9DCEFF";
}

此
将传递DOM对象本身，而不是其ID。您不需要
getElementById（）
请求，因为
ele
参数已引用DOM元素。只需按如下方式更新两个函数：

function changeIn( ele, clr )
{
    ele.style.transition = "background  1.0s linear 0s";
    ele.style.background=clr;
}

function changeOut( ele )
{
   ele.style.transition = "background  1.0s linear 0s";
   ele.style.background="#9DCEFF";
}

此
将传递DOM对象本身，而不是其ID。您不需要
getElementById（）
请求，因为
ele
参数已引用DOM元素。只需按如下方式更新两个函数：

function changeIn( ele, clr )
{
    ele.style.transition = "background  1.0s linear 0s";
    ele.style.background=clr;
}

function changeOut( ele )
{
   ele.style.transition = "background  1.0s linear 0s";
   ele.style.background="#9DCEFF";
}

此
将传递DOM对象本身，而不是其ID。您不需要
getElementById（）
请求，因为
ele
参数已引用DOM元素。只需按如下方式更新两个函数：

function changeIn( ele, clr )
{
    ele.style.transition = "background  1.0s linear 0s";
    ele.style.background=clr;
}

function changeOut( ele )
{
   ele.style.transition = "background  1.0s linear 0s";
   ele.style.background="#9DCEFF";
}

此
对象已经是您要查找的DOM元素。演示：


HTML
此
对象已经是您要查找的DOM元素。演示：


HTML
此
对象已经是您要查找的DOM元素。演示：


HTML
此
对象已经是您要查找的DOM元素。演示：


HTML
您可以使用
event.target

Jsfiddle：

您可以使用
event.target

Jsfiddle：

您可以使用
event.target

Jsfiddle：

您可以使用
event.target

Jsfiddle：

您也可以尝试以下方法：-


功能变更（ele、clr）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=clr；
}
功能转换（ele）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=“#9DCEFF”；
}
某些内容
您也可以尝试以下方法：-


功能变更（ele、clr）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=clr；
}
功能转换（ele）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=“#9DCEFF”；
}
某些内容
您也可以尝试以下方法：-


功能变更（ele、clr）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=clr；
}
功能转换（ele）{
var elem=document.getElementById（ele.id）；
elem.style.transition=“背景1.0s线性0s”；
elem.style.background=“#9DCEFF”；
}
某些内容
您也可以尝试以下方法：-


功能变更（ele、clr）{
var elem=document.getElementById（ele.id）；
元素风格