javascript如何隐藏表格

javascript是一种直译式的脚本语言,其解释器被称为javascript引擎,是浏览器的一部分,javascript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。

javascript隐藏表格的方法:首先创建一个HTML示例文件,然后在身体中创建一个表表格;最后通过js代码”getElementById (“table1") .style.display=& # 39;块# 39;;“实现隐藏即可。

本文操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。

<强> javascript显示和隐藏一个表格

这里主要用到. getElementById(“元素ID")方法和元素的风格。显示属性。文件名取名叫doHide。htm,代码如下:

& lt; html> 　　& lt; head> 　　& lt; meta  http-equiv=癈ontent-Language",内容=皕h-cn"比; 　　& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312"比; 　　& lt; title> & lt;/title> 　　& lt; script 语言=癹avascript"祝辞 　　function  DoHide () 　　{//,获得id为表1的表格,并判断它的style.display值是否等于,& # 39;block  & # 39;//,等于就执行,if 部分代码,不等于就执行,else 部分代码 　　如果(. getelementbyid (“table1") .style.display==& # 39;块# 39;) 　　{//把祝福;id 为,表的元素的设置为隐藏 　　. getelementbyid (“table1") .style.display=& # 39;没有# 39;;//,把按钮(id 为,B3 )的文字设置成,& # 39;显示表格& # 39; 　　. getelementbyid (“B3") value=https://www.yisu.com/zixun/毕允颈砀瘛? 　　} 　　其他的 　　{//把id为表1的元素的设置为显示 　　. getelementbyid(表1).style.display=翱椤?//把按钮(id为B3)的文字设置成“隐藏表格” 　　. getelementbyid (B3) value="隐藏表格”; 　　} 　　}> 头 　　身体<> 　　

　　<表边界=" 1 "宽=" 100% " id=氨?”风格="显示:块"> 　　 　　这是一个表格 　　单元格2 　　单元格3道明> 单元格4道明> 单元格5 　　 　　 　　 1道明> 　　 3 　　4 　　 5道明> 　　 　　2 　　2 　　2 　　2 　　2 　　 　　表> 　　

感谢各位的阅读!关于“javascript如何隐藏表格”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

javascript如何隐藏表格