将元素ID传递给函数

Question

我有这个功能：

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

我有这个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>

我希望该函数能够影响onClick事件中元素的id。

非常感谢任何帮助。谢谢:)）

Answer 1

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

op_up('#element_1')

然后您可以使用document.querySelector来获取元素的引用：

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';
}