页面元素是否显示的控制有关问题
日期：2014-05-17 浏览次数：20799 次
页面元素是否显示的控制问题
<body>
<div id= "txt_ctr " style= "display:block; "> <input type= "button " name= "b1 " value= "显示下面的输入框 " onclick= "ctr() "> </div>
<div id= "txt_input " style= "display:none; "> <textarea cols= "60 " rows= "10 "> </textarea> </div>
<script language= "javascript ">
function ctr(){
myinput=document.getElementById( 'txt_input ');
myinput.style.display== 'block ';
myctr=document.getElementById( 'txt_ctr ');
myctr.style.display= 'none ';
}
</script>
</body>
运行这样的代码：问题是点击“b1”按钮，按钮不见了，下面的文本域也不显示，我想要的效果是：点击按钮，显示下面的文本域，隐去按钮
刚学这些，请多指教
------解决方案--------------------
<style type= "text/css ">
<!--
.sadf {
}
-->
</style>
<body>
<div id= "txt_ctr " style= "display:block; "> <input type= "button " name= "b1 " value= "显示下面的输入框 " onclick= "ctr() "> </div>
<div id= "txt_input " style= "display:none; "> </div>
<script language= "javascript ">
function ctr(){
myinput=document.getElementById( 'txt_input ');
myinput.outerHTML= " <textarea cols=60 rows=10> </textarea> ";
myctr=document.getElementById( 'txt_ctr ');
myctr.style.display= 'none ';
}
</script>
</body>
<body>
<div id= "txt_ctr " style= "display:block; "> <input type= "button " name= "b1 " value= "显示下面的输入框 " onclick= "ctr() "> </div>
<div id= "txt_input " style= "display:none; "> <textarea cols= "60 " rows= "10 "> </textarea> </div>
<script language= "javascript ">
function ctr(){
myinput=document.getElementById( 'txt_input ');
myinput.style.display== 'block ';
myctr=document.getElementById( 'txt_ctr ');
myctr.style.display= 'none ';
}
</script>
</body>
运行这样的代码：问题是点击“b1”按钮，按钮不见了，下面的文本域也不显示，我想要的效果是：点击按钮，显示下面的文本域，隐去按钮
刚学这些，请多指教
------解决方案--------------------
<style type= "text/css ">
<!--
.sadf {
}
-->
</style>
<body>
<div id= "txt_ctr " style= "display:block; "> <input type= "button " name= "b1 " value= "显示下面的输入框 " onclick= "ctr() "> </div>
<div id= "txt_input " style= "display:none; "> </div>
<script language= "javascript ">
function ctr(){
myinput=document.getElementById( 'txt_input ');
myinput.outerHTML= " <textarea cols=60 rows=10> </textarea> ";
myctr=document.getElementById( 'txt_ctr ');
myctr.style.display= 'none ';
}
</script>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
