【问题标题】:show html element onclick event显示 html 元素 onclick 事件
【发布时间】:2016-08-17 07:08:33
【问题描述】:

我想根据 refreshA 元素的点击事件改变元素的可见性

<a id="refreshA">Click here</a>

 <a style="display: none;" id="refreshTab"> Info</a>

这里是js代码

<script>
    document.getElementById("refreshA").onclick(function () {
                document.getElementById("refreshTab").style.display = 'block';
                })
</script>

【问题讨论】:

  • 应该是.onclick = function(){...,不过你最好用这个:document.getElementById("refreshA").addEventListener('click', function(){ document.getElementById("refreshTab").style.display = 'block'; });
  • 我试过这个没用:(
  • 您是在尝试切换可见性,还是一次性显示它?
  • 我正在尝试显示元素

标签: javascript html


【解决方案1】:

试试这个:

function showhide(){
    document.getElementById("refreshTab").style.display = 'block';
}

document.getElementById('refreshA').onclick=showhide;

working fiddle

【讨论】:

    【解决方案2】:

    function myFunction() {
      document.getElementById("refreshTab").style.display = 'block';
    }
    <a id="refreshA" onclick="myFunction()">Click here</a>
    <a style="display: none;" id="refreshTab"> Info</a>

    【讨论】:

    • 真的吗?也许您应该使用支持 javascript 的浏览器,或者在您的浏览器设置中启用它。它有效。
    • 它已启用,这很奇怪!谢谢你的帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-20
    • 2016-06-23
    • 1970-01-01
    • 1970-01-01
    • 2021-03-21
    相关资源
    最近更新 更多