Javascript实现文字显示与隐藏.doc

下载文档

1
0
约2.08万字
约 10页
2017-07-17 发布于河南
举报
版权申诉
保障服务

Javascript实现文字显示与隐藏.doc

1、本文档共10页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

Javascript实现文字显示与隐藏

Javascript实现文字的显示与隐藏 html head titlejavascript显示隐藏文字/title style body { background-color: #EEEEEE; color: green; font-size: 15px; margin-left: 50px; margin-top: 20px; margin-right: 50px; } .greet { color: #CC9900; font-size: 24; font-weight: lighter; } input { font-size: 12px; font-weight: lighter; color: #003333; text-decoration: blink; background-color: #FFFFCC; border: 1px solid #CCCCCC; } /style script language=javascript function h1() { var m; m = document.getElementById(period); m.style.visibility = hidden; } function h2() { var m; m = document.getElementById(period); m.style.visibility = visible; } /script meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body p 1.下面文字是需要显示和隐藏的font color=#999999(采用“直接在标签内调用js代码”的方法)/font /p p class=greet id=helloHello World!!!/p input type=button value=隐藏文字 onClick=document.getElementById(hello).style.visibility=hidden nbsp;nbsp; input type=button value=显示文字 onClick=document.getElementById(hello).style.visibility=visible br br br br p 2.下面文字是需要显示和隐藏的font color=#999999(采用“调用函数”的方法)/font /p p class=greet id=period淡定的人生不寂寞/p input type=button value=隐藏文字 onClick=h1() nbsp;nbsp; input type=button value=显示文字 onClick=h2() /body /html