Javascript 将元素ID传递给函数

我有这个功能：

function op_up(){
    this.style.color=#FF0000;
}

op_up('#element_1')

我有一个HTML元素：

<span id="trigger" onClick="op_up(#element_1)">Click to change #element_1<span>
<span id="trigger" onClick="op_up(#element_2)">Click to change #element_2<span>

单击以更改#元素_1
单击以更改#元素_2

我希望函数影响onClick事件中元素的id

---

任何帮助都将不胜感激。谢谢：）

您的函数调用无效，但您可以将字符串传递给函数：

function op_up(){
    this.style.color=#FF0000;
}

op_up('#element_1')

然后可以使用获取对元素的引用：

function op_up(selector){
    document.querySelector(selector).style.color='#FF0000';
}

或者正如我在评论中已经说过的，如果您将ID作为

op_up('element_1')

使用

document.getElementById

：

function op_up(id){
    document.getElementById(id).style.color='#FF0000';
}

---

ID在JS中是字符串，如何将它们传递给函数没有什么特别之处。你的问题是什么？也许您正在寻找

文档.getElementById（op_id）

？或者

other\u id

是一个隐式全局变量，它包含一个具有该id的元素？然后只需在函数中使用

op\u id

，而不是

此

。FWIW，

这个

无论如何也不会起作用。@FelixKling提到的+1。除了OP可能想使用

document.getElementById（其他\u id）

之外。我正在尝试将id

other\u id

，从onClick事件传递给函数。@AlfredPersonMc:看起来你已经在做了，

OP\u up（其他\u id）

。也许您必须传递一个字符串，

op\u up（'other\u id'）

，但从您提供的小解释来看，这确实不清楚。如果你提供一个完整的例子，你可能会得到更好的帮助。看。好的，我会重新回答这个问题…因为你没有正确设置小提琴，而且颜色也必须是字符串。复制并粘贴您的错误：P如我所说，要么您没有将颜色放入字符串中，要么您没有更改JSFIDLE以将函数放入头部或身体中。见：