将元素 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';
}

或者正如我在 cmets 中已经说过的，如果您将 ID 传递为

op_up('element_1')

使用document.getElementById:

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