如何将函数变量转换为div ID名称？

Question

这是我的作品：

function content() { 
    var dd = document.getElementById("stuff1") 
     dd.classList.toggle('disp'); 

} 

<li onclick="content()"></li> 

这就是我想做的事：

function content(x) { 
    var dd = document.getElementById("x") 
     dd.classList.toggle('disp'); 

} 


<li onclick="content(stuff1)"></li> 

但是，这并不工作。什么是完成这个的正确方法？

Answer 1

两个其他的答案正确说明你需要从getElementById呼叫删除引号，这样：

var dd = document.getElementById(x); 

但你也需要加报价到您的content请致电onclick处理器主体：

<li onclick="content('stuff1')"></li> 

否则stuff1被视为一个变量名，而不是一个字符串。

Answer 2

更改这些：

var dd = document.getElementById("x"); 
<li onclick="content(stuff1)"></li> 

对于这些：

var dd = document.getElementById(x); // here x instead of "x" 
<li onclick="content('stuff1')"></li> // here 'stuff1' instead of stuff1 

注：引号的任何名称（单次或双无所谓）将被视作一个字符串，没有引号作为变量...

Answer 3

你m唉尝试删除引号是这样的： -

var dd = document.getElementById(x); 

，而不是这样的：

var dd = document.getElementById("x")