小编Pop*_*e76的帖子

动态显示/隐藏div与JavaScript无法正常工作

我有一个基本的显示/隐藏JavaScript工作,只要我不动态并确保参数.如果有人能帮助我弄清楚为什么动态版本不起作用,我会非常感激.

工作代码:
javascript

function togglesDiv(){  
  var catdiv = document.getElementById("addNewCat");  
  if(catdiv.style.display == ""){  
    catdiv.style.display = "none";  
  } else {  
    catdiv.style.display = "";  
  }  
}  
Run Code Online (Sandbox Code Playgroud)

HTML

<span onclick="togglesDiv();">Add new category</span>  
<div id="addNewCat" style="display: none;">  
lalala  
</div>
Run Code Online (Sandbox Code Playgroud)

非工作代码:
javascript

function togglesDiv(divsId){  
  var catdiv = document.getElementById("divsId");
  if(catdiv.style.display == ""){  
    catdiv.style.display = "none";  
  } else {  
    catdiv.style.display = "";  
  }  
}  
Run Code Online (Sandbox Code Playgroud)

HTML

<span onclick="togglesDiv(addNewCat);">Add new category</span>  
<div id="addNewCat" style="display: none;">  
lalala  
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

javascript ×1