显示和隐藏html

最新推荐文章于 2023-04-12 22:36:22 发布

虚心求教的少年

最新推荐文章于 2023-04-12 22:36:22 发布

阅读量408

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_42712280/article/details/106974635

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

如果是点击bai文字跳转其他页面呢就用超du链接<a>标签，举例：
<a href="http:xxxx">可点击文字zhi</a>

文本可以加onclick
<font size="10" onclick="tab('table1')">单击此处将生成一个表格</font>

如果是bai想做按钮呢就用input框，举例：
<input type="text" value="可点击文字" οnclick="js事件()" />

HTML如何实现单击按钮后显示隐藏表格

<html><head><title>利用Dom属性bai来du创建表格zhi
</title>
<script type="text/javascript">
    function toggle(id){
    var tb=document.getElementById(id); 
    if(tb.style.display=='none') 
        tb.style.display='block'; 
    else tb.style.display='none';
    }
</script>
</head>
<body>
    <input type="button" value="显示dao/隐藏" onClick="toggle('table1')"/>
    <table border="1" id="table1">
    <tr><td>2</td><td>3</td></tr></table> 
</body>
</html>

虚心求教的少年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
显示和隐藏html

如果是点击bai文字跳转其他页面呢就用超du链接<a>标签，举例：<a href="http:xxxx">可点击文字zhi</a>如果是bai想做按钮呢就用input框，举例：<input type="text" value="可点击文字" onclick="js事件()" />HTML如何实现单击按钮后显示隐藏表格<html><head><title>利用Dom属性bai来du创建表格zhi<.
复制链接

扫一扫