<style type="text/css">body{font-size:12px;}#txt{ height:400px; width:600px; border:#333 solid 1px; padding:5px;}p{ line-height:18px; text-indent:2em;}</style></head><body> <h2 id="con">JavaScript课程</H2> <div id="txt"> ...... </div> <form> <!--当点击相应按钮，执行相应操作，为按钮添加相应事件--><input type="button" value="改变颜色" onClick="changecolor()"> <input type="button" value="改变宽高" onClick="changesize()" > <input type="button" value="隐藏内容" onClick="hidetxt()"> <input type="button" value="显示内容" onClick="shoutet()" > <input type="button" value="取消设置" onClick="rset()" > </form> <script type="text/javascript">var myh=document.getElementById("con");var mydiv=document.getElementById("txt"); function changecolor(){mydiv.style.color="red";//定义"改变颜色"的函数}function changesize(){mydiv.style.width=300px;//定义"改变宽高"的函数mydiv.style.height=400px;}function hidetxt(){mydiv.style.display="none";//定义"隐藏内容"的函数}function showtxt(){mydiv.style.display="block";//定义"显示内容"的函数}function rset(){var message=confirm("是否取消设置");//定义"取消设置"的函数if(message==true){ mydiv.removeAttribute=("style");}else{ }} </script>
添加回答
举报
0/150
提交
取消