首页前端开发JavaScripthtml怎么隐藏td标签

html怎么隐藏td标签

时间2024-01-29 19:24:03发布访客分类JavaScript浏览755
导读:收集整理的这篇文章主要介绍了html怎么隐藏td标签,觉得挺不错的,现在分享给大家,也给大家做个参考。隐藏td标签的方法:1、给td标签设置@R_512_514@,语法“<td hidden="hidden">”;2、使用sty...
收集整理的这篇文章主要介绍了html怎么隐藏td标签,觉得挺不错的,现在分享给大家,也给大家做个参考。

隐藏td标签的方法:1、给td标签设置@R_512_514@,语法“td hidden="hidden"> ”;2、使用style属性给td标签添加“display:none”样式,语法“td style="display: none; "> ”。

本教程操作环境:windows7系统、CSS3& & HTML5版、Dell G3电脑。

有这么一个表格:

table border="1">
    	tr>
    		th>
    姓名/th>
    		th>
    年龄/th>
    	/tr>
    	tr>
    		td>
    PEter/td>
    		td>
    20/td>
    	/tr>
    	tr>
    		td>
    Lois/td>
    		td>
    20/td>
    	/tr>
    /table>
    

想要在html中隐藏td标签,怎么做?下面给大家介绍一下方法:

方法1:给td标签设置hidden属性

table border="1">
    	tr>
    		th>
    姓名/th>
    		th>
    年龄/th>
    	/tr>
    	tr>
    		td>
    Peter/td>
    		td hidden="hidden">
    20/td>
    	/tr>
    	tr>
    		td>
    Lois/td>
    		td>
    20/td>
    	/tr>
    /table>
    

方法2:使用style属性给td标签添加“display:none; ”样式

table border="1">
    	tr>
    		th>
    姓名/th>
    		th>
    年龄/th>
    	/tr>
    	tr>
    		td>
    Peter/td>
    		td>
    20/td>
    	/tr>
    	tr>
    		td>
    Lois/td>
    		td style="display: none;
    ">
    20/td>
    	/tr>
    /table>
    

推荐教程:《html视频教程》

以上就是html怎么隐藏td标签的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html怎么隐藏td标签
本文地址: https://pptw.com/jishu/591496.html
html怎样设置div背景图片 html怎样设置div固定位置不变

游客 回复需填写必要信息