28,391
社区成员
发帖
与我相关
我的任务
分享页面元素是否显示的控制问题
<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”按钮，按钮不见了，下面的文本域也不显示，我想要的效果是：点击按钮，显示下面的文本域，隐去按钮
刚学这些，请多指教
<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”按钮，按钮不见了，下面的文本域也不显示，我想要的效果是：点击按钮，显示下面的文本域，隐去按钮
刚学这些，请多指教
...全文
请发表友善的回复…
发表回复
deknight 2007-01-23
- 打赏
- 举报
<textarea name="btn" style='display:none'></textarea>
<input type="button" name="btn" value="显示下面的输入框" onclick="ctr()">
<div style="display:none"></div>
<script>
function ctr(){
var o=document.getElementsByName("btn")
for(var i=0;i<o.length;i++)
with(o[i].style)display=(display=="none"?"":"none")
}
</script>
<input type="button" name="btn" value="显示下面的输入框" onclick="ctr()">
<div style="display:none"></div>
<script>
function ctr(){
var o=document.getElementsByName("btn")
for(var i=0;i<o.length;i++)
with(o[i].style)display=(display=="none"?"":"none")
}
</script>
delphi_new 2007-01-23
- 打赏
- 举报
<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>
<!--
.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>
melodywithme 2007-01-23
- 打赏
- 举报
display=="none"?"":"none"
我不懂ＪＳ，请教这句是什么意思？
我不懂ＪＳ，请教这句是什么意思？
