JavaScrip如何显示和隐藏代码域?
程序员文章站
2022-09-04 17:57:44
javascrip如何显示和隐藏代码域?
javascrip如何显示和隐藏代码域?
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <script> //初始化加载赋值 function radow_load(){ document.getelementbyid("demo").innerhtml=date(); } function nodisplaydate(){ document.getelementbyid("demo").innerhtml=date();//为id 为 demo的元素赋值 var id=document.getelementbyid("demo"); if(id.style.display == 'none'){//none表示隐藏起来的意思,也就说如果这个元素是隐藏起来的话 id.style.display='block';//显示它 document.getelementbyid("xm").innerhtml='隐藏日期';//修改按钮值 }else{//否则 id.style.display = 'none';//隐藏它; document.getelementbyid("xm").innerhtml='显示日期';//修改按钮值 } } </script> </head> <body onload="radow_load()">//jsp初始化函数 <button type="button" id="xm" onclick="nodisplaydate()">隐藏日期</button> <h1> javascript 程序</h1> <p id="demo">这是一个段落</p> </body> </html>