html制作，点击文字超链接显示文本框，再点击文字超链接隐藏文本框

 我来答

1个回答

#热议# 不吃早饭真的会得胆结石吗？

梁洋洋001
2014-05-02 · TA获得超过298个赞

知道小有建树答主

回答量：322

采纳率：53%

帮助的人：181万

我也去答题访问个人页

关注

展开全部

</head>
<body>
<script>
window.onload=function(){
document.getElementById('click').onclick=function(){

if (document.getElementById('text').style.display=='none'){
document.getElementById('text').style.display='block';
}else{
document.getElementById('text').style.display='none';
}
}
}

</script>
<a id='click' href='###'>文字超链接</a>
<input type='text' style='display:none;' id='text' />
</body>

更多追问追答
追问

文本框下面可以加个按钮吗？
追答



window.onload=function(){
	    document.getElementById('click').onclick=function(){
              if (document.getElementById('text').style.display=='none'){
                          document.getElementById('text').style.display='block'; 
                             document.getElementById('buuton').style.display='block';
             			 }else{
                 document.getElementById('text').style.display='none'; 
                 document.getElementById('button').style.display='none';
              			 }		       
           }
    }

文字超链接


追问

不行
追答

额，我不小心写错了一个单词  ，这个你也不能直接套呀，要根据你的页面灵活使用这里我给你整合一下，按钮跟输入框放在一个DIV里面啦

Bom对象

window.onload=function(){
	   document.getElementById('click').onclick=function(){
              if (document.getElementById('text').style.display=='none'){
                               document.getElementById('text').style.display='block';
             			 }else{
                 document.getElementById('text').style.display='none'; 
              			 }		       
           }
    }

文字超链接


追问

哪个单词错了？
追答

改过来了你直接用新的
追问

window.onload=function(){
document.getElementById('click').onclick=function(){
什么意思？

function 名称()
{
 
}
一般都是这样写
追答

这个是个匿名函数，表示的当全部的文档加载完在执行，如果不加上的话，要把js代放在最后，因为先执行js的时候后面的还没有加载就会报错
追问

document.getElementById('text').style.display=='none'
document.getElementById('text').style.display='block'
追答

==是一个判断表达式，会返回一个布尔值，=号是赋值操作