                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

ok了不过感觉这种使用价值不高也~有啥用呢

莫小北没有故事

2014-12-21

源自：JavaScript入门篇 3-3

关注问题我要回答

639

操作

收起

1 回答

Purcell
2015-08-15

可以实现文本的动态输入和输出

比如

<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
        <title>用innerText和innerHTML制作动态网页</title>  
        <style type="css/text">  
            .blue {  
                color:blue;  
                font-size:12pt;  
            }  
          
        </style>  
        <script language="JavaScript" type="text/javascript">   
        function OutputText() {   
            if(frm.txt.text!="") {   
                Output.innerHTML="在此处输出文本：<u>"+frm.txt.value+"</u>";} //Output为一对象。   
            else {   
                Output.innerText="在此处输出文本：";}   
        }//function   
    </script>  
    </head>  
  
    <body>  
        <p><br></p>  
        <form name="frm">  
            <p>  
                <font color="gray">请在文本框中输入文字:</font>  
                <input type="text" name="txt" size="50">  
                <br>  
                <input type="button" value="输出文本" name="B1" class="blue" onclick="OutputText()">  
            </p>  
        </form>  
  
        <p id="Output">  
            在此处输出文本：  
        </p>  
    </body>  
</html>