javascript - 使用一个 onclick javascript 函数在多个元素中显示相同的 div

标签 javascript html css

当用户点击标签时,我正在使用 js 来显示/隐藏 div .. 但问题是我想在多个 a 标签中使用这个函数,但它不起作用 这在 javascript 中可能吗,我不会使用 jquery。

javascript:

function showdiv(id) {
   var f = document.getElementById('sss_div');
   if(f.style.display == 'none')
      f.style.display = 'block';
   else
      f.style.display = 'none';       
}

html:

<a class="class" href="javascript:void(0);" id="id" onClick="showdiv('sss_div')">click here </a>



here is the div :

<div id="sss_div" style="display:none;"><textarea></textarea></div>

any suggestions ?? 

最佳答案

var f = document.getElementById('sss_div');

只会选择 'sss_div' 元素,你应该使用参数 id。

var f = document.getElementById(id);

关于javascript - 使用一个 onclick javascript 函数在多个元素中显示相同的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23090952/

相关文章:

javascript - 如何将新值附加到输入

html - Bootstrap 4 下拉项看起来像好友请求

javascript - JQuery UI - 将 dblclick 事件添加到模态对话框

css - 页面大小调整问题。子 div 不像父 div 那样调整大小

jquery - 如何固定弹出框中的按钮位置

javascript - 启动时从 'springing' 停止 D3

javascript - 打开 InAppBrowser 的两个实例(_system 和 _blank)可防止事件触发

javascript - React Native 视频无法播放本地文件

html - IE6水平菜单问题

html - 一个流动的 div 正在将它旁边的一个固定的 div 向下推。它也没有达到预期的高度